fix: Colors

lib/config/themes.dart

@@ -41,7 +41,7 @@ abstract class FluffyThemes {
               primary: AppConfig.chatColor,
               secondary: AppConfig.chatColor,
               secondaryVariant: AppConfig.secondaryColor,
-              surface: FluffyThemes.lighten(AppConfig.chatColor, 0.51),
+              surface: FluffyThemes.lighten(AppConfig.chatColor, 0.535),
             ),
         backgroundColor: Colors.white,
         secondaryHeaderColor: Colors.blueGrey.shade50,
@@ -132,7 +132,7 @@ abstract class FluffyThemes {
               primary: FluffyThemes.lighten(AppConfig.chatColor, 0.33),
               secondary: FluffyThemes.lighten(AppConfig.chatColor, 0.33),
               secondaryVariant: AppConfig.secondaryColor,
-              surface: FluffyThemes.darken(AppConfig.chatColor, 0.4),
+              surface: FluffyThemes.darken(AppConfig.chatColor, 0.35),
             ),
         secondaryHeaderColor: Colors.blueGrey.shade900,
         textTheme: Typography.material2018().white.merge(fallbackTextTheme),

lib/pages/settings_style/settings_style.dart

@@ -51,13 +51,13 @@ class SettingsStyleController extends State<SettingsStyle> {
 
   AdaptiveThemeMode currentTheme;
 
-  static List<Color> customColors = [
-    AppConfig.primaryColor,
-    Colors.blue.shade700,
-    Colors.green.shade700,
-    Colors.pink.shade700,
-    Colors.orange.shade800,
-  ];
+  static List<Color> get customColors => [
+        AppConfig.primaryColor,
+        HSLColor.fromColor(AppConfig.primaryColor).withHue(200).toColor(),
+        HSLColor.fromColor(AppConfig.primaryColor).withHue(130).toColor(),
+        HSLColor.fromColor(AppConfig.primaryColor).withHue(65).toColor(),
+        HSLColor.fromColor(AppConfig.primaryColor).withHue(8).toColor(),
+      ];
 
   void switchTheme(AdaptiveThemeMode newTheme) {
     switch (newTheme) {