feat: add player color as theme option (#1378)

Author: Feichtmeier

lib/app/view/app.dart

@@ -5,6 +5,7 @@ import 'package:yaru/yaru.dart';
 
 import '../../common/view/theme.dart';
 import '../../extensions/taget_platform_x.dart';
+import '../../player/player_model.dart';
 import '../../settings/settings_model.dart';
 import 'desktop_musicpod_app.dart';
 import 'mobile_musicpod_app.dart';
@@ -61,19 +62,22 @@ class MaterialMusicPodApp extends StatelessWidget with WatchItMixin {
       (SettingsModel m) => m.customThemeColor,
     );
 
+    final usePlayerColor = watchPropertyValue(
+      (SettingsModel m) => m.usePlayerColor,
+    );
+    final playerColor = watchPropertyValue((PlayerModel m) => m.color);
+
     return SystemThemeBuilder(
       builder: (context, accent) {
+        final color = playerColor != null && usePlayerColor
+            ? playerColor
+            : (customThemeColor != null && useCustomThemeColor
+                  ? Color(customThemeColor)
+                  : accent.accent);
+
         return isMobile
-            ? MobileMusicPodApp(
-                accent: customThemeColor != null && useCustomThemeColor
-                    ? Color(customThemeColor)
-                    : accent.accent,
-              )
-            : DesktopMusicPodApp(
-                accent: customThemeColor != null && useCustomThemeColor
-                    ? Color(customThemeColor)
-                    : accent.accent,
-              );
+            ? MobileMusicPodApp(accent: color)
+            : DesktopMusicPodApp(accent: color);
       },
     );
   }

lib/extensions/shared_preferences_x.dart

@@ -45,6 +45,7 @@ extension SPKeys on SharedPreferences {
   static const useYaruTheme = 'useYaruTheme';
   static const customThemeColor = 'customThemeColor';
   static const useCustomThemeColor = 'useCustomThemeColor';
+  static const usePlayerColor = 'usePlayerColor';
   static const iconSetIndex = 'iconSetIndex';
   static const saveWindowSize = 'saveWindowSize';
   static const blurredPlayerBackground = 'blurredPlayerBackground';

lib/l10n/app_en.arb

@@ -722,6 +722,8 @@
     "customThemeColor": "Custom theme color",
     "useCustomThemeColorTitle": "Use custom accent color",
     "useCustomThemeColorDescription": "This will let you chose a custom accent color for the current theme.",
+    "usePlayerColorTitle": "Use player color",
+    "usePlayerColorDescription": "This will use the dominant color has been extracted out of the current artwork (if available) for the whole app.",
     "selectColor": "Select color",
     "selectColorShade": "Select color shade",
     "selectColorAndItsShades": "Select color and its shades",

lib/l10n/app_localizations.dart

@@ -4213,6 +4213,18 @@ abstract class AppLocalizations {
   /// **'This will let you chose a custom accent color for the current theme.'**
   String get useCustomThemeColorDescription;
 
+  /// No description provided for @usePlayerColorTitle.
+  ///
+  /// In en, this message translates to:
+  /// **'Use player color'**
+  String get usePlayerColorTitle;
+
+  /// No description provided for @usePlayerColorDescription.
+  ///
+  /// In en, this message translates to:
+  /// **'This will use the dominant color has been extracted out of the current artwork (if available) for the whole app.'**
+  String get usePlayerColorDescription;
+
   /// No description provided for @selectColor.
   ///
   /// In en, this message translates to:

lib/l10n/app_localizations_cs.dart

@@ -2132,6 +2132,13 @@ class AppLocalizationsCs extends AppLocalizations {
   String get useCustomThemeColorDescription =>
       'This will let you chose a custom accent color for the current theme.';
 
+  @override
+  String get usePlayerColorTitle => 'Use player color';
+
+  @override
+  String get usePlayerColorDescription =>
+      'This will use the dominant color has been extracted out of the current artwork (if available) for the whole app.';
+
   @override
   String get selectColor => 'Select color';
 

lib/l10n/app_localizations_da.dart

@@ -2134,6 +2134,13 @@ class AppLocalizationsDa extends AppLocalizations {
   String get useCustomThemeColorDescription =>
       'This will let you chose a custom accent color for the current theme.';
 
+  @override
+  String get usePlayerColorTitle => 'Use player color';
+
+  @override
+  String get usePlayerColorDescription =>
+      'This will use the dominant color has been extracted out of the current artwork (if available) for the whole app.';
+
   @override
   String get selectColor => 'Select color';
 

lib/l10n/app_localizations_de.dart

@@ -2141,6 +2141,13 @@ class AppLocalizationsDe extends AppLocalizations {
   String get useCustomThemeColorDescription =>
       'Das lässt dich eine benutzerdefinierte Akzentfarbe für das aktuelle Design auswählen.';
 
+  @override
+  String get usePlayerColorTitle => 'Use player color';
+
+  @override
+  String get usePlayerColorDescription =>
+      'This will use the dominant color has been extracted out of the current artwork (if available) for the whole app.';
+
   @override
   String get selectColor => 'Farbe auswählen';
 

lib/l10n/app_localizations_en.dart

@@ -2130,6 +2130,13 @@ class AppLocalizationsEn extends AppLocalizations {
   String get useCustomThemeColorDescription =>
       'This will let you chose a custom accent color for the current theme.';
 
+  @override
+  String get usePlayerColorTitle => 'Use player color';
+
+  @override
+  String get usePlayerColorDescription =>
+      'This will use the dominant color has been extracted out of the current artwork (if available) for the whole app.';
+
   @override
   String get selectColor => 'Select color';
 

lib/l10n/app_localizations_es.dart

@@ -2142,6 +2142,13 @@ class AppLocalizationsEs extends AppLocalizations {
   String get useCustomThemeColorDescription =>
       'This will let you chose a custom accent color for the current theme.';
 
+  @override
+  String get usePlayerColorTitle => 'Use player color';
+
+  @override
+  String get usePlayerColorDescription =>
+      'This will use the dominant color has been extracted out of the current artwork (if available) for the whole app.';
+
   @override
   String get selectColor => 'Select color';
 

lib/l10n/app_localizations_et.dart

@@ -2139,6 +2139,13 @@ class AppLocalizationsEt extends AppLocalizations {
   String get useCustomThemeColorDescription =>
       'See eelistus võimaldab sul valida aktsentvärvi vastavalt oma soovidele.';
 
+  @override
+  String get usePlayerColorTitle => 'Use player color';
+
+  @override
+  String get usePlayerColorDescription =>
+      'This will use the dominant color has been extracted out of the current artwork (if available) for the whole app.';
+
   @override
   String get selectColor => 'Vali värv';