From 662c60a51c094e1cb706be215ccda5a49d5fa2c7 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Sat, 20 Dec 2025 20:58:35 -0800
Subject: [PATCH] use text color css vars in unit/grid components

---
 src/lib/components/grids/CharacterGrid.svelte | 2 +-
 src/lib/components/grids/SummonGrid.svelte    | 2 +-
 src/lib/components/grids/WeaponGrid.svelte    | 2 +-
 src/lib/components/units/CharacterUnit.svelte | 2 +-
 src/lib/components/units/SummonUnit.svelte    | 2 +-
 src/lib/components/units/WeaponUnit.svelte    | 2 +-
 6 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/lib/components/grids/CharacterGrid.svelte b/src/lib/components/grids/CharacterGrid.svelte
index 5edeb76a..0884fef9 100644
--- a/src/lib/components/grids/CharacterGrid.svelte
+++ b/src/lib/components/grids/CharacterGrid.svelte
@@ -129,6 +129,6 @@
 	.name {
 		font-size: $font-small;
 		text-align: center;
-		color: $grey-50;
+		color: var(--text-secondary);
 	}
 </style>
diff --git a/src/lib/components/grids/SummonGrid.svelte b/src/lib/components/grids/SummonGrid.svelte
index 7df14b07..0f04c9df 100644
--- a/src/lib/components/grids/SummonGrid.svelte
+++ b/src/lib/components/grids/SummonGrid.svelte
@@ -162,6 +162,6 @@
 	.name {
 		font-size: $font-small;
 		text-align: center;
-		color: $grey-50;
+		color: var(--text-secondary);
 	}
 </style>
diff --git a/src/lib/components/grids/WeaponGrid.svelte b/src/lib/components/grids/WeaponGrid.svelte
index a4210c01..c5c5c587 100644
--- a/src/lib/components/grids/WeaponGrid.svelte
+++ b/src/lib/components/grids/WeaponGrid.svelte
@@ -169,6 +169,6 @@
 	.name {
 		font-size: $font-small;
 		text-align: center;
-		color: $grey-50;
+		color: var(--text-secondary);
 	}
 </style>
diff --git a/src/lib/components/units/CharacterUnit.svelte b/src/lib/components/units/CharacterUnit.svelte
index ff94defe..d1889ffa 100644
--- a/src/lib/components/units/CharacterUnit.svelte
+++ b/src/lib/components/units/CharacterUnit.svelte
@@ -435,7 +435,7 @@
 	.name {
 		font-size: typography.$font-small;
 		text-align: center;
-		color: colors.$grey-50;
+		color: var(--text-secondary);
 		display: flex;
 		align-items: center;
 		justify-content: center;
diff --git a/src/lib/components/units/SummonUnit.svelte b/src/lib/components/units/SummonUnit.svelte
index e38de2a2..64dd956e 100644
--- a/src/lib/components/units/SummonUnit.svelte
+++ b/src/lib/components/units/SummonUnit.svelte
@@ -336,7 +336,7 @@
   .name {
     font-size: typography.$font-small;
     text-align: center;
-    color: colors.$grey-50;
+    color: var(--text-secondary);
   }
 
   .badge {
diff --git a/src/lib/components/units/WeaponUnit.svelte b/src/lib/components/units/WeaponUnit.svelte
index 908022e4..b58ac95b 100644
--- a/src/lib/components/units/WeaponUnit.svelte
+++ b/src/lib/components/units/WeaponUnit.svelte
@@ -424,7 +424,7 @@
 	.name {
 		font-size: typography.$font-small;
 		text-align: center;
-		color: colors.$grey-50;
+		color: var(--text-secondary);
 	}
 
 	.modifiers {