Use filled icon on theme selection.

QuantumPhysique · Oct 11, 2024 · 29378e9 · 29378e9
1 parent e04f422
commit 29378e9
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/app/lib/core/theme.dart b/app/lib/core/theme.dart
@@ -299,6 +299,13 @@ extension CustomThemeModeEncoding on ThemeMode {
     ThemeMode.dark: PhosphorIconsDuotone.moon,
     ThemeMode.system: PhosphorIconsDuotone.cloudSun,
   }[this]!;
+
+  /// get icon
+  IconData get activeIcon => <ThemeMode, IconData>{
+    ThemeMode.light: PhosphorIconsFill.sun,
+    ThemeMode.dark: PhosphorIconsFill.moon,
+    ThemeMode.system: PhosphorIconsFill.cloudSun,
+  }[this]!;
 }
 
 /// extension of theme

diff --git a/app/lib/pages/settings.dart b/app/lib/pages/settings.dart
@@ -425,7 +425,12 @@ class DarkModeListTile extends StatelessWidget {
             ButtonSegment<ThemeMode>(
               value: mode,
               tooltip: mode.nameLong(context),
-              icon: PPIcon(mode.icon, context),
+              icon: PPIcon(
+                Provider.of<TraleNotifier>(context).themeMode == mode
+                  ? mode.activeIcon
+                  : mode.icon,
+                context,
+              ),
             )
         ],
         onSelectionChanged: (Set<ThemeMode> newMode) async {