mnemonic word game selected text dark theme color fix

lib/pages/add_wallet_views/verify_recovery_phrase_view/sub_widgets/word_table_item.dart

@@ -56,10 +56,23 @@ class WordTableItem extends ConsumerWidget {
               textAlign: TextAlign.center,
               style: isDesktop
                   ? STextStyles.desktopTextExtraSmall(context).copyWith(
-                      color:
+                      color: selectedWord == word
-                          Theme.of(context).extension<StackColors>()!.textDark,
+                          ? Theme.of(context)
+                              .extension<StackColors>()!
+                              .textSelectedWordTableItem
+                          : Theme.of(context)
+                              .extension<StackColors>()!
+                              .textDark,
                     )
-                  : STextStyles.baseXS(context),
+                  : STextStyles.baseXS(context).copyWith(
+                      color: selectedWord == word
+                          ? Theme.of(context)
+                              .extension<StackColors>()!
+                              .textSelectedWordTableItem
+                          : Theme.of(context)
+                              .extension<StackColors>()!
+                              .textDark,
+                    ),
             ),
           ],
         ),

lib/utilities/theme/color_theme.dart

@@ -174,6 +174,7 @@ abstract class StackColorTheme {
   Color get loadingOverlayTextColor;
   Color get myStackContactIconBG;
   Color get textConfirmTotalAmount;
+  Color get textSelectedWordTableItem;
 }
 
 class CoinThemeColor {

lib/utilities/theme/dark_colors.dart

@@ -301,4 +301,6 @@ class DarkColors extends StackColorTheme {
   Color get myStackContactIconBG => const Color(0x88747778);
   @override
   Color get textConfirmTotalAmount => const Color(0xFF003921);
+  @override
+  Color get textSelectedWordTableItem => const Color(0xFF00297A);
 }

lib/utilities/theme/light_colors.dart

@@ -301,4 +301,6 @@ class LightColors extends StackColorTheme {
   Color get myStackContactIconBG => textFieldDefaultBG;
   @override
   Color get textConfirmTotalAmount => const Color(0xFF232323);
+  @override
+  Color get textSelectedWordTableItem => const Color(0xFF232323);
 }

lib/utilities/theme/stack_colors.dart

@@ -169,6 +169,7 @@ class StackColors extends ThemeExtension<StackColors> {
   final Color loadingOverlayTextColor;
   final Color myStackContactIconBG;
   final Color textConfirmTotalAmount;
+  final Color textSelectedWordTableItem;
 
   StackColors({
     required this.themeType,
@@ -300,6 +301,7 @@ class StackColors extends ThemeExtension<StackColors> {
     required this.loadingOverlayTextColor,
     required this.myStackContactIconBG,
     required this.textConfirmTotalAmount,
+    required this.textSelectedWordTableItem,
   });
 
   factory StackColors.fromStackColorTheme(StackColorTheme colorTheme) {
@@ -435,6 +437,7 @@ class StackColors extends ThemeExtension<StackColors> {
       loadingOverlayTextColor: colorTheme.loadingOverlayTextColor,
       myStackContactIconBG: colorTheme.myStackContactIconBG,
       textConfirmTotalAmount: colorTheme.textConfirmTotalAmount,
+      textSelectedWordTableItem: colorTheme.textSelectedWordTableItem,
     );
   }
 
@@ -569,6 +572,7 @@ class StackColors extends ThemeExtension<StackColors> {
     Color? loadingOverlayTextColor,
     Color? myStackContactIconBG,
     Color? textConfirmTotalAmount,
+    Color? textSelectedWordTableItem,
   }) {
     return StackColors(
       themeType: themeType ?? this.themeType,
@@ -736,6 +740,8 @@ class StackColors extends ThemeExtension<StackColors> {
       myStackContactIconBG: myStackContactIconBG ?? this.myStackContactIconBG,
       textConfirmTotalAmount:
           textConfirmTotalAmount ?? this.textConfirmTotalAmount,
+      textSelectedWordTableItem:
+          textSelectedWordTableItem ?? this.textSelectedWordTableItem,
     );
   }
 
@@ -1388,6 +1394,11 @@ class StackColors extends ThemeExtension<StackColors> {
         other.textConfirmTotalAmount,
         t,
       )!,
+      textSelectedWordTableItem: Color.lerp(
+        textSelectedWordTableItem,
+        other.textSelectedWordTableItem,
+        t,
+      )!,
     );
   }