UI Enhancements (#1308)

* Center the account text on the balance page

* Modify dashboard button spacing

* Change default theme to Dark theme

* Remove legacyTheme and modify theme order

* Add condition for Monero.com wallet default theme

* Add locale for new themes

* Add new themes

* Update padding

* Fixes

* Update settings_store.dart

---------

Co-authored-by: Omar Hatem <omarh.ismail1@gmail.com>

lib/themes/monero_dark_theme.dart

@@ -95,12 +95,12 @@ class MoneroDarkTheme extends DarkTheme {
 
   @override
   CakeMenuTheme get menuTheme => super.menuTheme.copyWith(
-      headerFirstGradientColor: containerColor,
+      headerFirstGradientColor: primaryColor,
       headerSecondGradientColor: containerColor,
       backgroundColor: containerColor,
       subnameTextColor: Colors.grey,
       dividerColor: colorScheme.secondaryContainer,
-      iconColor: colorScheme.secondaryContainer,
+      iconColor: Colors.white,
       settingActionsIconColor: colorScheme.secondaryContainer);
 
   @override

lib/themes/purple_dark_theme.dart

@@ -0,0 +1,13 @@
+import 'package:cake_wallet/generated/i18n.dart';
+import 'package:cake_wallet/palette.dart';
+import 'package:cake_wallet/themes/monero_dark_theme.dart';
+import 'package:flutter/material.dart';
+
+class PurpleDarkTheme extends MoneroDarkTheme {
+  PurpleDarkTheme({required int raw}) : super(raw: raw);
+
+  @override
+  String get title => S.current.purple_dark_theme;
+  @override
+  Color get primaryColor => PaletteDark.darkPurple;
+}

lib/themes/red_dark_theme.dart

@@ -0,0 +1,13 @@
+import 'package:cake_wallet/generated/i18n.dart';
+import 'package:cake_wallet/palette.dart';
+import 'package:cake_wallet/themes/monero_dark_theme.dart';
+import 'package:flutter/material.dart';
+
+class RedDarkTheme extends MoneroDarkTheme {
+  RedDarkTheme({required int raw}) : super(raw: raw);
+
+  @override
+  String get title => S.current.red_dark_theme;
+  @override
+  Color get primaryColor => PaletteDark.red;
+}

lib/themes/red_light_theme.dart

@@ -0,0 +1,13 @@
+import 'package:cake_wallet/generated/i18n.dart';
+import 'package:cake_wallet/palette.dart';
+import 'package:cake_wallet/themes/monero_light_theme.dart';
+import 'package:flutter/material.dart';
+
+class RedLightTheme extends MoneroLightTheme {
+  RedLightTheme({required int raw}) : super(raw: raw);
+
+  @override
+  String get title => S.current.red_light_theme;
+  @override
+  Color get primaryColor => Palette.darkRed;
+}

lib/themes/theme_list.dart

@@ -3,23 +3,29 @@ import 'package:cake_wallet/themes/dark_theme.dart';
 import 'package:cake_wallet/themes/light_theme.dart';
 import 'package:cake_wallet/themes/monero_light_theme.dart';
 import 'package:cake_wallet/themes/monero_dark_theme.dart';
+import 'package:cake_wallet/themes/purple_dark_theme.dart';
 import 'package:cake_wallet/themes/matrix_green_theme.dart';
 import 'package:cake_wallet/themes/bitcoin_dark_theme.dart';
 import 'package:cake_wallet/themes/bitcoin_light_theme.dart';
 import 'package:cake_wallet/themes/high_contrast_theme.dart';
+import 'package:cake_wallet/themes/red_dark_theme.dart';
+import 'package:cake_wallet/themes/red_light_theme.dart';
 import 'package:cake_wallet/themes/theme_base.dart';
 
 class ThemeList {
   static final all = [
-    brightTheme,
-    lightTheme,
     darkTheme,
+    lightTheme,
+    brightTheme,
     moneroDarkTheme,
     moneroLightTheme,
-    matrixGreenTheme,
+    purpleDarkTheme,
     bitcoinDarkTheme,
     bitcoinLightTheme,
-    highContrastTheme
+    matrixGreenTheme,
+    redDarkTheme,
+    redLightTheme,
+    highContrastTheme,
   ];
 
   static final lightTheme = LightTheme(raw: 0);
@@ -31,6 +37,9 @@ class ThemeList {
   static final bitcoinDarkTheme = BitcoinDarkTheme(raw: 6);
   static final bitcoinLightTheme = BitcoinLightTheme(raw: 7);
   static final highContrastTheme = HighContrastTheme(raw: 8);
+  static final redLightTheme = RedLightTheme(raw: 9);
+  static final redDarkTheme = RedDarkTheme(raw: 10);
+  static final purpleDarkTheme = PurpleDarkTheme(raw: 11);
 
   static ThemeBase deserialize({required int raw}) {
     switch (raw) {
@@ -52,6 +61,12 @@ class ThemeList {
         return bitcoinLightTheme;
       case 8:
         return highContrastTheme;
+      case 9:
+        return redLightTheme;
+      case 10:
+        return redDarkTheme;
+      case 11:
+        return purpleDarkTheme;
       default:
         throw Exception(
             'Unexpected token raw: $raw for deserialization of ThemeBase');