android: Add static color theme option

* android: Add static color theme option ported from Azahar 

* android: Remove leftover xml from early access fragment

* android: Properly theme material dialogs to theme color

* android: Fixup colors through the app

and make game image corners more round

* android: Set default theme to violet to match eden branding

* Update license headers

---------

Co-authored-by: Kleidis <167202775+kleidis@users.noreply.github.com>

src/android/app/src/main/java/org/yuzu/yuzu_emu/features/settings/model/Settings.kt

@@ -1,5 +1,6 @@
-// SPDX-FileCopyrightText: 2023 yuzu Emulator Project
-// SPDX-License-Identifier: GPL-2.0-or-later
+// SPDX-FileCopyrightText: Copyright yuzu/Citra Emulator Project / Eden Emulator Project
+// SPDX-License-Identifier: GPL-3.0-or-later
+
 
 package org.yuzu.yuzu_emu.features.settings.model
 
@@ -91,6 +92,7 @@ object Settings {
     const val PREF_THEME = "Theme"
     const val PREF_THEME_MODE = "ThemeMode"
     const val PREF_BLACK_BACKGROUNDS = "BlackBackgrounds"
+    const val PREF_STATIC_THEME_COLOR = "StaticThemeColor"
 
     enum class EmulationOrientation(val int: Int) {
         Unspecified(0),

src/android/app/src/main/java/org/yuzu/yuzu_emu/features/settings/ui/SettingsFragmentPresenter.kt

@@ -1,11 +1,12 @@
-// SPDX-FileCopyrightText: 2023 yuzu Emulator Project
-// SPDX-License-Identifier: GPL-2.0-or-later
+// SPDX-FileCopyrightText: Copyright yuzu/Citra Emulator Project / Eden Emulator Project
+// SPDX-License-Identifier: GPL-3.0-or-later
 
 package org.yuzu.yuzu_emu.features.settings.ui
 
 import android.annotation.SuppressLint
 import android.os.Build
 import android.widget.Toast
+import androidx.preference.PreferenceManager
 import org.yuzu.yuzu_emu.NativeLibrary
 import org.yuzu.yuzu_emu.R
 import org.yuzu.yuzu_emu.YuzuApplication
@@ -27,6 +28,7 @@ import org.yuzu.yuzu_emu.features.settings.model.StringSetting
 import org.yuzu.yuzu_emu.features.settings.model.view.*
 import org.yuzu.yuzu_emu.utils.InputHandler
 import org.yuzu.yuzu_emu.utils.NativeConfig
+import androidx.core.content.edit
 
 class SettingsFragmentPresenter(
     private val settingsViewModel: SettingsViewModel,
@@ -916,6 +918,26 @@ class SettingsFragmentPresenter(
                 }
             }
 
+            val staticThemeColor: AbstractIntSetting = object : AbstractIntSetting {
+                val preferences = PreferenceManager.getDefaultSharedPreferences(YuzuApplication.appContext)
+                override fun getInt(needsGlobal: Boolean): Int =
+                    preferences.getInt(Settings.PREF_STATIC_THEME_COLOR, 0)
+                override fun setInt(value: Int) {
+                    preferences.edit() { putInt(Settings.PREF_STATIC_THEME_COLOR, value) }
+                    settingsViewModel.setShouldRecreate(true)
+                }
+
+                override val key: String = Settings.PREF_STATIC_THEME_COLOR
+                override val isRuntimeModifiable: Boolean = true
+                override fun getValueAsString(needsGlobal: Boolean): String =
+                    preferences.getInt(Settings.PREF_STATIC_THEME_COLOR, 0).toString()
+                override val defaultValue: Any = 0
+                override fun reset() {
+                    preferences.edit() { putInt(Settings.PREF_STATIC_THEME_COLOR, 0) }
+                    settingsViewModel.setShouldRecreate(true)
+                }
+            }
+
             add(
                 SingleChoiceSetting(
                     themeMode,
@@ -925,6 +947,15 @@ class SettingsFragmentPresenter(
                 )
             )
 
+            add(
+                SingleChoiceSetting(
+                    staticThemeColor,
+                    titleId = R.string.static_theme_color,
+                    choicesId = R.array.staticThemeNames,
+                    valuesId = R.array.staticThemeValues
+                )
+            )
+
             val blackBackgrounds: AbstractBooleanSetting = object : AbstractBooleanSetting {
                 override fun getBoolean(needsGlobal: Boolean): Boolean =
                     BooleanSetting.BLACK_BACKGROUNDS.getBoolean()

src/android/app/src/main/java/org/yuzu/yuzu_emu/ui/main/MainActivity.kt

@@ -1,5 +1,5 @@
-// SPDX-FileCopyrightText: 2023 yuzu Emulator Project
-// SPDX-License-Identifier: GPL-2.0-or-later
+// SPDX-FileCopyrightText: Copyright yuzu/Citra Emulator Project / Eden Emulator Project
+// SPDX-License-Identifier: GPL-3.0-or-later
 
 package org.yuzu.yuzu_emu.ui.main
 
@@ -67,6 +67,7 @@ class MainActivity : AppCompatActivity(), ThemeProvider {
         val splashScreen = installSplashScreen()
         splashScreen.setKeepOnScreenCondition { !DirectoryInitialization.areDirectoriesReady }
 
+        ThemeHelper.ThemeChangeListener(this)
         ThemeHelper.setTheme(this)
 
         super.onCreate(savedInstanceState)

src/android/app/src/main/java/org/yuzu/yuzu_emu/utils/ThemeHelper.kt

@@ -1,8 +1,9 @@
-// SPDX-FileCopyrightText: 2023 yuzu Emulator Project
-// SPDX-License-Identifier: GPL-2.0-or-later
+// SPDX-FileCopyrightText: Copyright yuzu/Citra Emulator Project / Eden Emulator Project
+// SPDX-License-Identifier: GPL-3.0-or-later
 
 package org.yuzu.yuzu_emu.utils
 
+import android.content.SharedPreferences
 import android.content.res.Configuration
 import android.graphics.Color
 import android.os.Build
@@ -16,19 +17,26 @@ import org.yuzu.yuzu_emu.R
 import org.yuzu.yuzu_emu.features.settings.model.BooleanSetting
 import org.yuzu.yuzu_emu.features.settings.model.IntSetting
 import org.yuzu.yuzu_emu.ui.main.ThemeProvider
+import androidx.preference.PreferenceManager
+import org.yuzu.yuzu_emu.YuzuApplication
+import org.yuzu.yuzu_emu.features.settings.model.Settings
 
 object ThemeHelper {
     const val SYSTEM_BAR_ALPHA = 0.9f
+    // Listener that detects if the theme keys are being changed from the setting menu and recreates the activity
+    private var listener: SharedPreferences.OnSharedPreferenceChangeListener? = null
+    private val preferences = PreferenceManager.getDefaultSharedPreferences(YuzuApplication.appContext)
+
 
     fun setTheme(activity: AppCompatActivity) {
         setThemeMode(activity)
         when (Theme.from(IntSetting.THEME.getInt())) {
-            Theme.Default -> activity.setTheme(R.style.Theme_Yuzu_Main)
+            Theme.Default -> activity.setTheme(getSelectedStaticThemeColor())
             Theme.MaterialYou -> {
                 if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.S) {
                     activity.setTheme(R.style.Theme_Yuzu_Main_MaterialYou)
                 } else {
-                    activity.setTheme(R.style.Theme_Yuzu_Main)
+                    activity.setTheme(getSelectedStaticThemeColor())
                 }
             }
         }
@@ -41,6 +49,22 @@ object ThemeHelper {
         }
     }
 
+    private fun getSelectedStaticThemeColor(): Int {
+        val themeIndex = preferences.getInt(Settings.PREF_STATIC_THEME_COLOR, 0)
+        val themes = arrayOf(
+            R.style.Theme_Yuzu_Main_Violet,
+            R.style.Theme_Yuzu_Main_Blue,
+            R.style.Theme_Yuzu_Main_Cyan,
+            R.style.Theme_Yuzu_Main_Red,
+            R.style.Theme_Yuzu_Main_Green,
+            R.style.Theme_Yuzu_Main_Yellow,
+            R.style.Theme_Yuzu_Main_Orange,
+            R.style.Theme_Yuzu_Main_Pink,
+            R.style.Theme_Yuzu_Main_Gray
+        )
+        return themes[themeIndex]
+    }
+
     @ColorInt
     fun getColorWithOpacity(@ColorInt color: Int, alphaFactor: Float): Int {
         return Color.argb(
@@ -93,6 +117,16 @@ object ThemeHelper {
         windowController.isAppearanceLightStatusBars = false
         windowController.isAppearanceLightNavigationBars = false
     }
+
+    fun ThemeChangeListener(activity: AppCompatActivity) {
+        listener = SharedPreferences.OnSharedPreferenceChangeListener { _, key ->
+            val relevantKeys = listOf(Settings.PREF_STATIC_THEME_COLOR, Settings.PREF_THEME_MODE, Settings.PREF_BLACK_BACKGROUNDS)
+            if (key in relevantKeys) {
+                activity.recreate()
+            }
+        }
+        preferences.registerOnSharedPreferenceChangeListener(listener)
+    }
 }
 
 enum class Theme(val int: Int) {

src/android/app/src/main/res/drawable/premium_background.xml

@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<shape xmlns:android="http://schemas.android.com/apk/res/android">
-    <gradient
-        android:type="linear"
-        android:angle="45"
-        android:startColor="@color/yuzu_ea_background_start"
-        android:endColor="@color/yuzu_ea_background_end" />
-    <corners android:radius="12dp" />
-</shape>

src/android/app/src/main/res/layout/activity_main.xml

@@ -23,6 +23,7 @@
 
     <com.google.android.material.bottomnavigation.BottomNavigationView
         android:id="@+id/navigation_view"
+        android:background="?attr/colorSurface"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:visibility="invisible"

src/android/app/src/main/res/layout/card_game.xml

@@ -13,10 +13,11 @@
         android:layout_gravity="center"
         android:background="?attr/selectableItemBackground"
         android:clickable="true"
-        android:clipToPadding="false"
+        android:clipToPadding="true"
         android:focusable="true"
         android:transitionName="card_game"
         app:cardCornerRadius="4dp"
+        app:cardBackgroundColor="@android:color/transparent"
         app:cardElevation="0dp">
 
         <androidx.constraintlayout.widget.ConstraintLayout
@@ -31,7 +32,7 @@
                 app:layout_constraintEnd_toEndOf="parent"
                 app:layout_constraintStart_toStartOf="parent"
                 app:layout_constraintTop_toTopOf="parent"
-                app:shapeAppearance="@style/ShapeAppearance.Material3.Corner.ExtraSmall"
+                app:shapeAppearance="@style/ShapeAppearance.Material3.Corner.Medium"
                 tools:src="@drawable/default_icon" />
 
             <com.google.android.material.textview.MaterialTextView

src/android/app/src/main/res/layout/card_home_option.xml

@@ -2,16 +2,16 @@
 <com.google.android.material.card.MaterialCardView xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     xmlns:tools="http://schemas.android.com/tools"
-    style="?attr/materialCardViewElevatedStyle"
+    style="?attr/materialCardViewStyle"
     android:id="@+id/option_card"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     android:layout_marginBottom="24dp"
     android:layout_marginHorizontal="12dp"
-    android:background="?attr/selectableItemBackground"
+    android:background="?attr/colorSurface"
     android:clickable="true"
     android:focusable="true"
-    app:cardElevation="4dp">
+    app:cardElevation="0dp">
 
     <LinearLayout
         android:id="@+id/option_layout"

src/android/app/src/main/res/layout/fragment_emulation.xml

@@ -181,6 +181,7 @@
         android:focusedByDefault="true"
         app:headerLayout="@layout/header_in_game"
         app:menu="@menu/menu_in_game"
+        android:background="?attr/colorSurface"
         tools:visibility="gone" />
 
 </androidx.drawerlayout.widget.DrawerLayout>

src/android/app/src/main/res/layout/fragment_settings.xml

@@ -19,7 +19,9 @@
             style="?attr/collapsingToolbarLayoutMediumStyle"
             android:layout_width="match_parent"
             android:layout_height="?attr/collapsingToolbarLayoutMediumSize"
-            app:layout_scrollFlags="scroll|exitUntilCollapsed|snap">
+            app:layout_scrollFlags="scroll|exitUntilCollapsed|snap"
+            app:contentScrim="?attr/colorOnSurfaceInverse"
+            app:scrimVisibleHeightTrigger="100dp">
 
             <com.google.android.material.appbar.MaterialToolbar
                 android:id="@+id/toolbar_settings"

src/android/app/src/main/res/values-night/yuzu_colors.xml

@@ -1,37 +1,238 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
 
-    <color name="yuzu_primary">#A7DDEC</color>
-    <color name="yuzu_onPrimary">#003399</color>
-    <color name="yuzu_primaryContainer">#31323F</color>
-    <color name="yuzu_onPrimaryContainer">#D1E4FF</color>
-    <color name="yuzu_secondary">#BAC8DB</color>
-    <color name="yuzu_onSecondary">#253140</color>
-    <color name="yuzu_secondaryContainer">#3B4858</color>
-    <color name="yuzu_onSecondaryContainer">#D6E4F7</color>
-    <color name="yuzu_tertiary">#D6BEE5</color>
-    <color name="yuzu_onTertiary">#3A2948</color>
-    <color name="yuzu_tertiaryContainer">#524060</color>
-    <color name="yuzu_onTertiaryContainer">#F2DAFF</color>
+    <!-- Blue Theme Colors -->
+    <color name="yuzu_primary_blue">#B7C4FF</color>
+    <color name="yuzu_onPrimary_blue">#002681</color>
+    <color name="yuzu_primaryContainer_blue">#0039B5</color>
+    <color name="yuzu_onPrimaryContainer_blue">#DCE1FF</color>
+    <color name="yuzu_secondary_blue">#C2C5DD</color>
+    <color name="yuzu_onSecondary_blue">#2B3042</color>
+    <color name="yuzu_secondaryContainer_blue">#424659</color>
+    <color name="yuzu_onSecondaryContainer_blue">#DEE1F9</color>
+    <color name="yuzu_tertiary_blue">#E4BADA</color>
+    <color name="yuzu_onTertiary_blue">#43273F</color>
+    <color name="yuzu_tertiaryContainer_blue">#5C3D56</color>
+    <color name="yuzu_onTertiaryContainer_blue">#FFD7F5</color>
+    <color name="yuzu_background_blue">#1B1B1F</color>
+    <color name="yuzu_onBackground_blue">#E4E1E6</color>
+    <color name="yuzu_surface_blue">#1B1B1F</color>
+    <color name="yuzu_onSurface_blue">#E4E1E6</color>
+    <color name="yuzu_surfaceVariant_blue">#45464F</color>
+    <color name="yuzu_onSurfaceVariant_blue">#C6C5D0</color>
+    <color name="yuzu_outline_blue">#90909A</color>
+    <color name="yuzu_inverseOnSurface_blue">#1B1B1F</color>
+    <color name="yuzu_inverseSurface_blue">#E4E1E6</color>
+    <color name="yuzu_inversePrimary_blue">#154FE2</color>
+    <color name="yuzu_surfaceTint_blue">#B7C4FF</color>
+
+    <!-- Cyan Theme Colors -->
+    <color name="yuzu_primary_cyan">#B7FFF7</color>
+    <color name="yuzu_onPrimary_cyan">#007D81</color>
+    <color name="yuzu_primaryContainer_cyan">#00A0B5</color>
+    <color name="yuzu_onPrimaryContainer_cyan">#DCFFFB</color>
+    <color name="yuzu_secondary_cyan">#C2DDDB</color>
+    <color name="yuzu_onSecondary_cyan">#2B3F42</color>
+    <color name="yuzu_secondaryContainer_cyan">#425659</color>
+    <color name="yuzu_onSecondaryContainer_cyan">#DEF9F7</color>
+    <color name="yuzu_tertiary_cyan">#BAE1E4</color>
+    <color name="yuzu_onTertiary_cyan">#274341</color>
+    <color name="yuzu_tertiaryContainer_cyan">#3D5C5C</color>
+    <color name="yuzu_onTertiaryContainer_cyan">#D7FFFE</color>
+    <color name="yuzu_background_cyan">#1B1F1E</color>
+    <color name="yuzu_onBackground_cyan">#E1E6E5</color>
+    <color name="yuzu_surface_cyan">#1B1F1F</color>
+    <color name="yuzu_onSurface_cyan">#E1E6E5</color>
+    <color name="yuzu_surfaceVariant_cyan">#454F4D</color>
+    <color name="yuzu_onSurfaceVariant_cyan">#C5D0CF</color>
+    <color name="yuzu_outline_cyan">#909A98</color>
+    <color name="yuzu_inverseOnSurface_cyan">#1B1F1F</color>
+    <color name="yuzu_inverseSurface_cyan">#E1E6E5</color>
+    <color name="yuzu_inversePrimary_cyan">#15E2D1</color>
+    <color name="yuzu_surfaceTint_cyan">#B7C4FF</color>
+
+    <!-- Red Theme Colors -->
+    <color name="yuzu_primary_red">#FFB7B7</color>
+    <color name="yuzu_onPrimary_red">#810000</color>
+    <color name="yuzu_primaryContainer_red">#B50000</color>
+    <color name="yuzu_onPrimaryContainer_red">#FFDCDC</color>
+    <color name="yuzu_secondary_red">#DDC2C2</color>
+    <color name="yuzu_onSecondary_red">#422B2B</color>
+    <color name="yuzu_secondaryContainer_red">#594242</color>
+    <color name="yuzu_onSecondaryContainer_red">#F9DEDE</color>
+    <color name="yuzu_tertiary_red">#E4BABA</color>
+    <color name="yuzu_onTertiary_red">#432727</color>
+    <color name="yuzu_tertiaryContainer_red">#5C3D3D</color>
+    <color name="yuzu_onTertiaryContainer_red">#FFD7D7</color>
+    <color name="yuzu_background_red">#1F1B1B</color>
+    <color name="yuzu_onBackground_red">#E6E1E1</color>
+    <color name="yuzu_surface_red">#1F1B1B</color>
+    <color name="yuzu_onSurface_red">#E6E1E1</color>
+    <color name="yuzu_surfaceVariant_red">#4F4545</color>
+    <color name="yuzu_onSurfaceVariant_red">#D0C5C5</color>
+    <color name="yuzu_outline_red">#9A9090</color>
+    <color name="yuzu_inverseOnSurface_red">#1F1B1B</color>
+    <color name="yuzu_inverseSurface_red">#E6E1E1</color>
+    <color name="yuzu_inversePrimary_red">#E21515</color>
+    <color name="yuzu_surfaceTint_red">#FFB7B7</color>
+
+    <!-- Green Theme Colors -->
+    <color name="yuzu_primary_green">#D0FFB7</color>
+    <color name="yuzu_onPrimary_green">#368100</color>
+    <color name="yuzu_primaryContainer_green">#1BB500</color>
+    <color name="yuzu_onPrimaryContainer_green">#E5FFDC</color>
+    <color name="yuzu_secondary_green">#CDDDC2</color>
+    <color name="yuzu_onSecondary_green">#32422B</color>
+    <color name="yuzu_secondaryContainer_green">#4B5942</color>
+    <color name="yuzu_onSecondaryContainer_green">#E9F9DE</color>
+    <color name="yuzu_tertiary_green">#CAE4BA</color>
+    <color name="yuzu_onTertiary_green">#2F4327</color>
+    <color name="yuzu_tertiaryContainer_green">#455C3D</color>
+    <color name="yuzu_onTertiaryContainer_green">#E8FFD7</color>
+    <color name="yuzu_background_green">#1C1F1B</color>
+    <color name="yuzu_onBackground_green">#E2E6E1</color>
+    <color name="yuzu_surface_green">#1C1F1B</color>
+    <color name="yuzu_onSurface_green">#E2E6E1</color>
+    <color name="yuzu_surfaceVariant_green">#494F45</color>
+    <color name="yuzu_onSurfaceVariant_green">#C9D0C5</color>
+    <color name="yuzu_outline_green">#959A90</color>
+    <color name="yuzu_inverseOnSurface_green">#1D1F1B</color>
+    <color name="yuzu_inverseSurface_green">#E2E6E1</color>
+    <color name="yuzu_inversePrimary_green">#82E215</color>
+    <color name="yuzu_surfaceTint_green">#CDFFB7</color>
+
+    <!-- Yellow Theme Colors -->
+    <color name="yuzu_primary_yellow">#FFEDB7</color>
+    <color name="yuzu_onPrimary_yellow">#817F00</color>
+    <color name="yuzu_primaryContainer_yellow">#B5A300</color>
+    <color name="yuzu_onPrimaryContainer_yellow">#FFFDDC</color>
+    <color name="yuzu_secondary_yellow">#DDDDC2</color>
+    <color name="yuzu_onSecondary_yellow">#42422B</color>
+    <color name="yuzu_secondaryContainer_yellow">#595942</color>
+    <color name="yuzu_onSecondaryContainer_yellow">#F7F9DE</color>
+    <color name="yuzu_tertiary_yellow">#E0E4BA</color>
+    <color name="yuzu_onTertiary_yellow">#424327</color>
+    <color name="yuzu_tertiaryContainer_yellow">#5C583D</color>
+    <color name="yuzu_onTertiaryContainer_yellow">#FFFBD7</color>
+    <color name="yuzu_background_yellow">#1F1F1B</color>
+    <color name="yuzu_onBackground_yellow">#E6E6E1</color>
+    <color name="yuzu_surface_yellow">#1F1F1B</color>
+    <color name="yuzu_onSurface_yellow">#E6E5E1</color>
+    <color name="yuzu_surfaceVariant_yellow">#4F4E45</color>
+    <color name="yuzu_onSurfaceVariant_yellow">#D0D0C5</color>
+    <color name="yuzu_outline_yellow">#9A9990</color>
+    <color name="yuzu_inverseOnSurface_yellow">#1B1B1F</color>
+    <color name="yuzu_inverseSurface_yellow">#E6E6E1</color>
+    <color name="yuzu_inversePrimary_yellow">#DBE215</color>
+    <color name="yuzu_surfaceTint_yellow">#FFFBB7</color>
+
+    <!-- Orange Theme Colors -->
+    <color name="yuzu_primary_orange">#FFCBB7</color>
+    <color name="yuzu_onPrimary_orange">#812500</color>
+    <color name="yuzu_primaryContainer_orange">#B55400</color>
+    <color name="yuzu_onPrimaryContainer_orange">#FFEBDC</color>
+    <color name="yuzu_secondary_orange">#DDCDC2</color>
+    <color name="yuzu_onSecondary_orange">#42342B</color>
+    <color name="yuzu_secondaryContainer_orange">#594A42</color>
+    <color name="yuzu_onSecondaryContainer_orange">#F9E6DE</color>
+    <color name="yuzu_tertiary_orange">#E4CCBA</color>
+    <color name="yuzu_onTertiary_orange">#433127</color>
+    <color name="yuzu_tertiaryContainer_orange">#5C463D</color>
+    <color name="yuzu_onTertiaryContainer_orange">#FFEFD7</color>
+    <color name="yuzu_background_orange">#1F1D1B</color>
+    <color name="yuzu_onBackground_orange">#E6E3E1</color>
+    <color name="yuzu_surface_orange">#1F1D1B</color>
+    <color name="yuzu_onSurface_orange">#E6E3E1</color>
+    <color name="yuzu_surfaceVariant_orange">#4F4A45</color>
+    <color name="yuzu_onSurfaceVariant_orange">#D0CAC5</color>
+    <color name="yuzu_outline_orange">#9A9490</color>
+    <color name="yuzu_inverseOnSurface_orange">#1F1D1B</color>
+    <color name="yuzu_inverseSurface_orange">#E6E3E1</color>
+    <color name="yuzu_inversePrimary_orange">#E26E15</color>
+    <color name="yuzu_surfaceTint_orange">#FFD4B7</color>
+
+    <!-- Violet Theme Colors -->
+    <color name="yuzu_primary_violet">#DAB7FF</color>
+    <color name="yuzu_onPrimary_violet">#350068</color>
+    <color name="yuzu_primaryContainer_violet">#5A00B5</color>
+    <color name="yuzu_onPrimaryContainer_violet">#F4DCFF</color>
+    <color name="yuzu_secondary_violet">#D2C2DD</color>
+    <color name="yuzu_onSecondary_violet">#342B42</color>
+    <color name="yuzu_secondaryContainer_violet">#594265</color>
+    <color name="yuzu_onSecondaryContainer_violet">#E9DEF9</color>
+    <color name="yuzu_tertiary_violet">#DACCE4</color>
+    <color name="yuzu_onTertiary_violet">#402743</color>
+    <color name="yuzu_tertiaryContainer_violet">#5C4E5C</color>
+    <color name="yuzu_onTertiaryContainer_violet">#FFD7FF</color>
+    <color name="yuzu_background_violet">#1F1B1F</color>
+    <color name="yuzu_onBackground_violet">#E6E4E6</color>
+    <color name="yuzu_surface_violet">#1F1B1F</color>
+    <color name="yuzu_onSurface_violet">#E6E4E6</color>
+    <color name="yuzu_surfaceVariant_violet">#4F454F</color>
+    <color name="yuzu_onSurfaceVariant_violet">#D0C6D0</color>
+    <color name="yuzu_outline_violet">#9A909A</color>
+    <color name="yuzu_inverseOnSurface_violet">#1F1B1F</color>
+    <color name="yuzu_inverseSurface_violet">#E6E4E6</color>
+    <color name="yuzu_inversePrimary_violet">#B154E2</color>
+    <color name="yuzu_surfaceTint_violet">#DAB7FF</color>
+
+    <!-- Pink Theme Colors -->
+    <color name="yuzu_primary_pink">#FFB7C5</color>
+    <color name="yuzu_onPrimary_pink">#81001E</color>
+    <color name="yuzu_primaryContainer_pink">#B50033</color>
+    <color name="yuzu_onPrimaryContainer_pink">#FFDCE6</color>
+    <color name="yuzu_secondary_pink">#DDC2C7</color>
+    <color name="yuzu_onSecondary_pink">#422B34</color>
+    <color name="yuzu_secondaryContainer_pink">#594249</color>
+    <color name="yuzu_onSecondaryContainer_pink">#FCF9DEE6</color>
+    <color name="yuzu_tertiary_pink">#E4BAC4</color>
+    <color name="yuzu_onTertiary_pink">#432730</color>
+    <color name="yuzu_tertiaryContainer_pink">#5C3D49</color>
+    <color name="yuzu_onTertiaryContainer_pink">#FFD7DF</color>
+    <color name="yuzu_background_pink">#1F1B1C</color>
+    <color name="yuzu_onBackground_pink">#E6E1E2</color>
+    <color name="yuzu_surface_pink">#1F1B1C</color>
+    <color name="yuzu_onSurface_pink">#E6E1E2</color>
+    <color name="yuzu_surfaceVariant_pink">#4F4547</color>
+    <color name="yuzu_onSurfaceVariant_pink">#D0C5C8</color>
+    <color name="yuzu_outline_pink">#9A9093</color>
+    <color name="yuzu_inverseOnSurface_pink">#1F1B1C</color>
+    <color name="yuzu_inverseSurface_pink">#E6E1E2</color>
+    <color name="yuzu_inversePrimary_pink">#E21556</color>
+    <color name="yuzu_surfaceTint_pink">#FFB7D6</color>
+
+    <!-- Gray Theme Colors -->
+    <color name="yuzu_primary_gray">#B7B7B7</color>
+    <color name="yuzu_onPrimary_gray">#2B2B2B</color>
+    <color name="yuzu_primaryContainer_gray">#424242</color>
+    <color name="yuzu_onPrimaryContainer_gray">#E1E1E1</color>
+    <color name="yuzu_secondary_gray">#C2C2C2</color>
+    <color name="yuzu_onSecondary_gray">#424242</color>
+    <color name="yuzu_secondaryContainer_gray">#656565</color>
+    <color name="yuzu_onSecondaryContainer_gray">#EDEDED</color>
+    <color name="yuzu_tertiary_gray">#DADADA</color>
+    <color name="yuzu_onTertiary_gray">#3F3F3F</color>
+    <color name="yuzu_tertiaryContainer_gray">#565656</color>
+    <color name="yuzu_onTertiaryContainer_gray">#F5F5F5</color>
+    <color name="yuzu_background_gray">#1B1B1B</color>
+    <color name="yuzu_onBackground_gray">#E4E4E4</color>
+    <color name="yuzu_surface_gray">#1B1B1B</color>
+    <color name="yuzu_onSurface_gray">#E4E4E4</color>
+    <color name="yuzu_surfaceVariant_gray">#454545</color>
+    <color name="yuzu_onSurfaceVariant_gray">#C6C6C6</color>
+    <color name="yuzu_outline_gray">#909090</color>
+    <color name="yuzu_inverseOnSurface_gray">#1B1B1B</color>
+    <color name="yuzu_inverseSurface_gray">#E4E4E4</color>
+    <color name="yuzu_inversePrimary_gray">#B7B7B7</color>
+    <color name="yuzu_surfaceTint_gray">#B7B7B7</color>
+
+    <!-- Common Colors Across All Themes -->
+    <color name="yuzu_outlineVariant">#C6C5D0</color>
     <color name="yuzu_error">#FFB4AB</color>
     <color name="yuzu_errorContainer">#93000A</color>
     <color name="yuzu_onError">#690005</color>
     <color name="yuzu_onErrorContainer">#FFDAD6</color>
-    <color name="yuzu_background">#1A1C1E</color>
-    <color name="yuzu_onBackground">#E2E2E6</color>
-    <color name="yuzu_surface">#1B1B1D</color>
-    <color name="yuzu_onSurface">#E2E2E6</color>
-    <color name="yuzu_surfaceVariant">#26282C</color>
-    <color name="yuzu_onSurfaceVariant">#C3C7CF</color>
-    <color name="yuzu_outline">#8C9199</color>
-    <color name="yuzu_inverseOnSurface">#1A1C1E</color>
-    <color name="yuzu_inverseSurface">#E2E2E6</color>
-    <color name="yuzu_inversePrimary">#0062A2</color>
     <color name="yuzu_shadow">#000000</color>
-    <color name="yuzu_surfaceTint">#9DCAFF</color>
-    <color name="yuzu_outlineVariant">#42474E</color>
-
-    <color name="yuzu_ea_background_start">#840099</color>
-    <color name="yuzu_ea_background_end">#005AE1</color>
+    <color name="yuzu_scrim">#000000</color>
 
-</resources>
+</resources>

src/android/app/src/main/res/values/arrays.xml

@@ -275,6 +275,29 @@
         <item>3</item>
     </integer-array>
 
+    <string-array name="staticThemeNames">
+        <item>Violet (Default)</item>
+        <item>Blue</item>
+        <item>Cyan</item>
+        <item>Red</item>
+        <item>Green</item>
+        <item>Yellow</item>
+        <item>Orange</item>
+        <item>Pink</item>
+        <item>Gray</item>
+    </string-array>
+    <integer-array name="staticThemeValues">
+        <item>0</item>
+        <item>1</item>
+        <item>2</item>
+        <item>3</item>
+        <item>4</item>
+        <item>5</item>
+        <item>6</item>
+        <item>7</item>
+        <item>8</item>
+    </integer-array>
+
     <string-array name="anisoEntries">
         <item>@string/auto</item>
         <item>@string/slider_default</item>

src/android/app/src/main/res/values/strings.xml

@@ -644,6 +644,9 @@
     <string name="use_black_backgrounds">Black backgrounds</string>
     <string name="use_black_backgrounds_description">When using the dark theme, apply black backgrounds.</string>
 
+    <!-- Static Themes -->
+    <string name="static_theme_color">Theme Color</string>
+
     <!-- Picture-In-Picture -->
     <string name="picture_in_picture">Picture in Picture</string>
     <string name="picture_in_picture_description">Minimize window when placed in the background</string>

src/android/app/src/main/res/values/styles.xml

@@ -18,19 +18,148 @@
         <item name="labelBehavior">gone</item>
     </style>
 
-    <style name="YuzuMaterialDialog" parent="ThemeOverlay.Material3.MaterialAlertDialog">
-        <item name="colorPrimary">@color/yuzu_primaryContainer</item>
-        <item name="colorSurface">@color/yuzu_primaryContainer</item>
-        <item name="colorSecondary">@color/yuzu_primary</item>
-        <item name="android:textColorLink">@color/yuzu_primary</item>
-        <item name="buttonBarPositiveButtonStyle">@style/YuzuButton</item>
-        <item name="buttonBarNegativeButtonStyle">@style/YuzuButton</item>
-        <item name="buttonBarNeutralButtonStyle">@style/YuzuButton</item>
-    </style>
-
-    <style name="YuzuButton" parent="Widget.Material3.Button.TextButton.Dialog">
-        <item name="android:textColor">@color/yuzu_primary</item>
-        <item name="rippleColor">@color/yuzu_inversePrimary</item>
+    <!-- Blue theme dialog -->
+    <style name="YuzuMaterialDialog.Blue" parent="ThemeOverlay.Material3.MaterialAlertDialog">
+        <item name="colorPrimary">@color/yuzu_primaryContainer_blue</item>
+        <item name="colorSurface">@color/yuzu_primaryContainer_blue</item>
+        <item name="colorSecondary">@color/yuzu_primary_blue</item>
+        <item name="android:textColorLink">@color/yuzu_primary_blue</item>
+        <item name="buttonBarPositiveButtonStyle">@style/YuzuButton.Blue</item>
+        <item name="buttonBarNegativeButtonStyle">@style/YuzuButton.Blue</item>
+        <item name="buttonBarNeutralButtonStyle">@style/YuzuButton.Blue</item>
+    </style>
+
+    <style name="YuzuButton.Blue" parent="Widget.Material3.Button.TextButton.Dialog">
+        <item name="android:textColor">@color/yuzu_primary_blue</item>
+        <item name="rippleColor">@color/yuzu_inversePrimary_blue</item>
+    </style>
+
+    <!-- Cyan theme dialog -->
+    <style name="YuzuMaterialDialog.Cyan" parent="ThemeOverlay.Material3.MaterialAlertDialog">
+        <item name="colorPrimary">@color/yuzu_primaryContainer_cyan</item>
+        <item name="colorSurface">@color/yuzu_primaryContainer_cyan</item>
+        <item name="colorSecondary">@color/yuzu_primary_cyan</item>
+        <item name="android:textColorLink">@color/yuzu_primary_cyan</item>
+        <item name="buttonBarPositiveButtonStyle">@style/YuzuButton.Cyan</item>
+        <item name="buttonBarNegativeButtonStyle">@style/YuzuButton.Cyan</item>
+        <item name="buttonBarNeutralButtonStyle">@style/YuzuButton.Cyan</item>
+    </style>
+
+    <style name="YuzuButton.Cyan" parent="Widget.Material3.Button.TextButton.Dialog">
+        <item name="android:textColor">@color/yuzu_primary_cyan</item>
+        <item name="rippleColor">@color/yuzu_inversePrimary_cyan</item>
+    </style>
+
+    <!-- Red theme dialog -->
+    <style name="YuzuMaterialDialog.Red" parent="ThemeOverlay.Material3.MaterialAlertDialog">
+        <item name="colorPrimary">@color/yuzu_primaryContainer_red</item>
+        <item name="colorSurface">@color/yuzu_primaryContainer_red</item>
+        <item name="colorSecondary">@color/yuzu_primary_red</item>
+        <item name="android:textColorLink">@color/yuzu_primary_red</item>
+        <item name="buttonBarPositiveButtonStyle">@style/YuzuButton.Red</item>
+        <item name="buttonBarNegativeButtonStyle">@style/YuzuButton.Red</item>
+        <item name="buttonBarNeutralButtonStyle">@style/YuzuButton.Red</item>
+    </style>
+
+    <style name="YuzuButton.Red" parent="Widget.Material3.Button.TextButton.Dialog">
+        <item name="android:textColor">@color/yuzu_primary_red</item>
+        <item name="rippleColor">@color/yuzu_inversePrimary_red</item>
+    </style>
+
+    <!-- Green theme dialog -->
+    <style name="YuzuMaterialDialog.Green" parent="ThemeOverlay.Material3.MaterialAlertDialog">
+        <item name="colorPrimary">@color/yuzu_primaryContainer_green</item>
+        <item name="colorSurface">@color/yuzu_primaryContainer_green</item>
+        <item name="colorSecondary">@color/yuzu_primary_green</item>
+        <item name="android:textColorLink">@color/yuzu_primary_green</item>
+        <item name="buttonBarPositiveButtonStyle">@style/YuzuButton.Green</item>
+        <item name="buttonBarNegativeButtonStyle">@style/YuzuButton.Green</item>
+        <item name="buttonBarNeutralButtonStyle">@style/YuzuButton.Green</item>
+    </style>
+
+    <style name="YuzuButton.Green" parent="Widget.Material3.Button.TextButton.Dialog">
+        <item name="android:textColor">@color/yuzu_primary_green</item>
+        <item name="rippleColor">@color/yuzu_inversePrimary_green</item>
+    </style>
+
+    <!-- Yellow theme dialog -->
+    <style name="YuzuMaterialDialog.Yellow" parent="ThemeOverlay.Material3.MaterialAlertDialog">
+        <item name="colorPrimary">@color/yuzu_primaryContainer_yellow</item>
+        <item name="colorSurface">@color/yuzu_primaryContainer_yellow</item>
+        <item name="colorSecondary">@color/yuzu_primary_yellow</item>
+        <item name="android:textColorLink">@color/yuzu_primary_yellow</item>
+        <item name="buttonBarPositiveButtonStyle">@style/YuzuButton.Yellow</item>
+        <item name="buttonBarNegativeButtonStyle">@style/YuzuButton.Yellow</item>
+        <item name="buttonBarNeutralButtonStyle">@style/YuzuButton.Yellow</item>
+    </style>
+
+    <style name="YuzuButton.Yellow" parent="Widget.Material3.Button.TextButton.Dialog">
+        <item name="android:textColor">@color/yuzu_primary_yellow</item>
+        <item name="rippleColor">@color/yuzu_inversePrimary_yellow</item>
+    </style>
+
+    <!-- Orange theme dialog -->
+    <style name="YuzuMaterialDialog.Orange" parent="ThemeOverlay.Material3.MaterialAlertDialog">
+        <item name="colorPrimary">@color/yuzu_primaryContainer_orange</item>
+        <item name="colorSurface">@color/yuzu_primaryContainer_orange</item>
+        <item name="colorSecondary">@color/yuzu_primary_orange</item>
+        <item name="android:textColorLink">@color/yuzu_primary_orange</item>
+        <item name="buttonBarPositiveButtonStyle">@style/YuzuButton.Orange</item>
+        <item name="buttonBarNegativeButtonStyle">@style/YuzuButton.Orange</item>
+        <item name="buttonBarNeutralButtonStyle">@style/YuzuButton.Orange</item>
+    </style>
+
+    <style name="YuzuButton.Orange" parent="Widget.Material3.Button.TextButton.Dialog">
+        <item name="android:textColor">@color/yuzu_primary_orange</item>
+        <item name="rippleColor">@color/yuzu_inversePrimary_orange</item>
+    </style>
+
+    <!-- Violet theme dialog -->
+    <style name="YuzuMaterialDialog.Violet" parent="ThemeOverlay.Material3.MaterialAlertDialog">
+        <item name="colorPrimary">@color/yuzu_primaryContainer_violet</item>
+        <item name="colorSurface">@color/yuzu_primaryContainer_violet</item>
+        <item name="colorSecondary">@color/yuzu_primary_violet</item>
+        <item name="android:textColorLink">@color/yuzu_primary_violet</item>
+        <item name="buttonBarPositiveButtonStyle">@style/YuzuButton.Violet</item>
+        <item name="buttonBarNegativeButtonStyle">@style/YuzuButton.Violet</item>
+        <item name="buttonBarNeutralButtonStyle">@style/YuzuButton.Violet</item>
+    </style>
+
+    <style name="YuzuButton.Violet" parent="Widget.Material3.Button.TextButton.Dialog">
+        <item name="android:textColor">@color/yuzu_primary_violet</item>
+        <item name="rippleColor">@color/yuzu_inversePrimary_violet</item>
+    </style>
+
+    <!-- Gray theme dialog -->
+    <style name="YuzuMaterialDialog.Gray" parent="ThemeOverlay.Material3.MaterialAlertDialog">
+        <item name="colorPrimary">@color/yuzu_primaryContainer_gray</item>
+        <item name="colorSurface">@color/yuzu_primaryContainer_gray</item>
+        <item name="colorSecondary">@color/yuzu_primary_gray</item>
+        <item name="android:textColorLink">@color/yuzu_primary_gray</item>
+        <item name="buttonBarPositiveButtonStyle">@style/YuzuButton.Gray</item>
+        <item name="buttonBarNegativeButtonStyle">@style/YuzuButton.Gray</item>
+        <item name="buttonBarNeutralButtonStyle">@style/YuzuButton.Gray</item>
+    </style>
+
+    <style name="YuzuButton.Gray" parent="Widget.Material3.Button.TextButton.Dialog">
+        <item name="android:textColor">@color/yuzu_primary_gray</item>
+        <item name="rippleColor">@color/yuzu_inversePrimary_gray</item>
+    </style>
+
+    <!-- pink theme dialog -->
+    <style name="YuzuMaterialDialog.PINK" parent="ThemeOverlay.Material3.MaterialAlertDialog">
+        <item name="colorPrimary">@color/yuzu_primaryContainer_pink</item>
+        <item name="colorSurface">@color/yuzu_primaryContainer_pink</item>
+        <item name="colorSecondary">@color/yuzu_primary_pink</item>
+        <item name="android:textColorLink">@color/yuzu_primary_pink</item>
+        <item name="buttonBarPositiveButtonStyle">@style/YuzuButton.Pink</item>
+        <item name="buttonBarNegativeButtonStyle">@style/YuzuButton.Pink</item>
+        <item name="buttonBarNeutralButtonStyle">@style/YuzuButton.Pink</item>
+    </style>
+
+    <style name="YuzuButton.Pink" parent="Widget.Material3.Button.TextButton.Dialog">
+        <item name="android:textColor">@color/yuzu_primary_pink</item>
+        <item name="rippleColor">@color/yuzu_inversePrimary_pink</item>
     </style>
 
 </resources>

src/android/app/src/main/res/values/themes.xml

@@ -2,45 +2,22 @@
 <resources>
 
     <style name="Theme.Yuzu.Splash.Main" parent="Theme.SplashScreen">
-        <item name="windowSplashScreenBackground">@color/yuzu_surface</item>
+        <item name="windowSplashScreenBackground">@color/yuzu_surface_violet</item>
         <item name="windowSplashScreenAnimatedIcon">@drawable/ic_yuzu</item>
-        <item name="postSplashScreenTheme">@style/Theme.Yuzu.Main</item>
+        <item name="postSplashScreenTheme">@style/Theme.Yuzu.Main.Violet</item>
     </style>
 
     <style name="Theme.Yuzu.Main" parent="Theme.Material3.DayNight.NoActionBar">
-        <item name="colorPrimary">@color/yuzu_primary</item>
-        <item name="colorOnPrimary">@color/yuzu_onPrimary</item>
-        <item name="colorPrimaryContainer">@color/yuzu_primaryContainer</item>
-        <item name="colorOnPrimaryContainer">@color/yuzu_onPrimaryContainer</item>
-        <item name="colorSecondary">@color/yuzu_secondary</item>
-        <item name="colorOnSecondary">@color/yuzu_onSecondary</item>
-        <item name="colorSecondaryContainer">@color/yuzu_secondaryContainer</item>
-        <item name="colorOnSecondaryContainer">@color/yuzu_onSecondaryContainer</item>
-        <item name="colorTertiary">@color/yuzu_tertiary</item>
-        <item name="colorOnTertiary">@color/yuzu_onTertiary</item>
-        <item name="colorTertiaryContainer">@color/yuzu_tertiaryContainer</item>
-        <item name="colorOnTertiaryContainer">@color/yuzu_onTertiaryContainer</item>
         <item name="colorError">@color/yuzu_error</item>
         <item name="colorErrorContainer">@color/yuzu_errorContainer</item>
         <item name="colorOnError">@color/yuzu_onError</item>
         <item name="colorOnErrorContainer">@color/yuzu_onErrorContainer</item>
-        <item name="android:colorBackground">@color/yuzu_background</item>
-        <item name="colorOnBackground">@color/yuzu_onBackground</item>
-        <item name="colorSurface">@color/yuzu_surface</item>
-        <item name="colorOnSurface">@color/yuzu_onSurface</item>
-        <item name="colorSurfaceVariant">@color/yuzu_surfaceVariant</item>
-        <item name="colorOnSurfaceVariant">@color/yuzu_onSurfaceVariant</item>
-        <item name="colorOutline">@color/yuzu_outline</item>
-        <item name="colorOnSurfaceInverse">@color/yuzu_inverseOnSurface</item>
-        <item name="colorSurfaceInverse">@color/yuzu_inverseSurface</item>
-        <item name="colorPrimaryInverse">@color/yuzu_inversePrimary</item>
         <item name="android:shadowColor">@color/yuzu_shadow</item>
 
         <item name="android:statusBarColor">@android:color/transparent</item>
         <item name="android:navigationBarColor">@android:color/transparent</item>
 
         <item name="sliderStyle">@style/YuzuSlider</item>
-        <item name="materialAlertDialogTheme">@style/YuzuMaterialDialog</item>
 
         <item name="android:windowLayoutInDisplayCutoutMode">shortEdges</item>
 
@@ -48,4 +25,256 @@
         <item name="android:enforceNavigationBarContrast">false</item>
     </style>
 
+    <style name="Theme.Yuzu.Main.Blue" parent="Theme.Yuzu.Main">
+        <!-- Blue theme colors -->
+        <item name="colorPrimary">@color/yuzu_primary_blue</item>
+        <item name="colorOnPrimary">@color/yuzu_onPrimary_blue</item>
+        <item name="colorPrimaryContainer">@color/yuzu_primaryContainer_blue</item>
+        <item name="colorOnPrimaryContainer">@color/yuzu_onPrimaryContainer_blue</item>
+        <item name="colorSecondary">@color/yuzu_secondary_blue</item>
+        <item name="colorOnSecondary">@color/yuzu_onSecondary_blue</item>
+        <item name="colorSecondaryContainer">@color/yuzu_secondaryContainer_blue</item>
+        <item name="colorOnSecondaryContainer">@color/yuzu_onSecondaryContainer_blue</item>
+        <item name="colorTertiary">@color/yuzu_tertiary_blue</item>
+        <item name="colorOnTertiary">@color/yuzu_onTertiary_blue</item>
+        <item name="colorTertiaryContainer">@color/yuzu_tertiaryContainer_blue</item>
+        <item name="colorOnTertiaryContainer">@color/yuzu_onTertiaryContainer_blue</item>
+        <item name="android:colorBackground">@color/yuzu_background_blue</item>
+        <item name="colorOnBackground">@color/yuzu_onBackground_blue</item>
+        <item name="colorSurface">@color/yuzu_surface_blue</item>
+        <item name="colorOnSurface">@color/yuzu_onSurface_blue</item>
+        <item name="colorSurfaceVariant">@color/yuzu_surfaceVariant_blue</item>
+        <item name="colorOnSurfaceVariant">@color/yuzu_onSurfaceVariant_blue</item>
+        <item name="colorOutline">@color/yuzu_outline_blue</item>
+        <item name="colorOnSurfaceInverse">@color/yuzu_inverseOnSurface_blue</item>
+        <item name="colorSurfaceInverse">@color/yuzu_inverseSurface_blue</item>
+        <item name="colorPrimaryInverse">@color/yuzu_inversePrimary_blue</item>
+
+        <item name="materialAlertDialogTheme">@style/YuzuMaterialDialog.Blue</item>
+    </style>
+
+    <style name="Theme.Yuzu.Main.Red" parent="Theme.Yuzu.Main">
+        <!-- Red theme colors -->
+        <item name="colorPrimary">@color/yuzu_primary_red</item>
+        <item name="colorOnPrimary">@color/yuzu_onPrimary_red</item>
+        <item name="colorPrimaryContainer">@color/yuzu_primaryContainer_red</item>
+        <item name="colorOnPrimaryContainer">@color/yuzu_onPrimaryContainer_red</item>
+        <item name="colorSecondary">@color/yuzu_secondary_red</item>
+        <item name="colorOnSecondary">@color/yuzu_onSecondary_red</item>
+        <item name="colorSecondaryContainer">@color/yuzu_secondaryContainer_red</item>
+        <item name="colorOnSecondaryContainer">@color/yuzu_onSecondaryContainer_red</item>
+        <item name="colorTertiary">@color/yuzu_tertiary_red</item>
+        <item name="colorOnTertiary">@color/yuzu_onTertiary_red</item>
+        <item name="colorTertiaryContainer">@color/yuzu_tertiaryContainer_red</item>
+        <item name="colorOnTertiaryContainer">@color/yuzu_onTertiaryContainer_red</item>
+        <item name="android:colorBackground">@color/yuzu_background_red</item>
+        <item name="colorOnBackground">@color/yuzu_onBackground_red</item>
+        <item name="colorSurface">@color/yuzu_surface_red</item>
+        <item name="colorOnSurface">@color/yuzu_onSurface_red</item>
+        <item name="colorSurfaceVariant">@color/yuzu_surfaceVariant_red</item>
+        <item name="colorOnSurfaceVariant">@color/yuzu_onSurfaceVariant_red</item>
+        <item name="colorOutline">@color/yuzu_outline_red</item>
+        <item name="colorOnSurfaceInverse">@color/yuzu_inverseOnSurface_red</item>
+        <item name="colorSurfaceInverse">@color/yuzu_inverseSurface_red</item>
+        <item name="colorPrimaryInverse">@color/yuzu_inversePrimary_red</item>
+
+        <item name="materialAlertDialogTheme">@style/YuzuMaterialDialog.Red</item>
+    </style>
+
+    <style name="Theme.Yuzu.Main.Green" parent="Theme.Yuzu.Main">
+        <!-- Green theme colors -->
+        <item name="colorPrimary">@color/yuzu_primary_green</item>
+        <item name="colorOnPrimary">@color/yuzu_onPrimary_green</item>
+        <item name="colorPrimaryContainer">@color/yuzu_primaryContainer_green</item>
+        <item name="colorOnPrimaryContainer">@color/yuzu_onPrimaryContainer_green</item>
+        <item name="colorSecondary">@color/yuzu_secondary_green</item>
+        <item name="colorOnSecondary">@color/yuzu_onSecondary_green</item>
+        <item name="colorSecondaryContainer">@color/yuzu_secondaryContainer_green</item>
+        <item name="colorOnSecondaryContainer">@color/yuzu_onSecondaryContainer_green</item>
+        <item name="colorTertiary">@color/yuzu_tertiary_green</item>
+        <item name="colorOnTertiary">@color/yuzu_onTertiary_green</item>
+        <item name="colorTertiaryContainer">@color/yuzu_tertiaryContainer_green</item>
+        <item name="colorOnTertiaryContainer">@color/yuzu_onTertiaryContainer_green</item>
+        <item name="android:colorBackground">@color/yuzu_background_green</item>
+        <item name="colorOnBackground">@color/yuzu_onBackground_green</item>
+        <item name="colorSurface">@color/yuzu_surface_green</item>
+        <item name="colorOnSurface">@color/yuzu_onSurface_green</item>
+        <item name="colorSurfaceVariant">@color/yuzu_surfaceVariant_green</item>
+        <item name="colorOnSurfaceVariant">@color/yuzu_onSurfaceVariant_green</item>
+        <item name="colorOutline">@color/yuzu_outline_green</item>
+        <item name="colorOnSurfaceInverse">@color/yuzu_inverseOnSurface_green</item>
+        <item name="colorSurfaceInverse">@color/yuzu_inverseSurface_green</item>
+        <item name="colorPrimaryInverse">@color/yuzu_inversePrimary_green</item>
+
+        <item name="materialAlertDialogTheme">@style/YuzuMaterialDialog.Green</item>
+    </style>
+
+    <style name="Theme.Yuzu.Main.Orange" parent="Theme.Yuzu.Main">
+        <!-- Orange theme colors -->
+        <item name="colorPrimary">@color/yuzu_primary_orange</item>
+        <item name="colorOnPrimary">@color/yuzu_onPrimary_orange</item>
+        <item name="colorPrimaryContainer">@color/yuzu_primaryContainer_orange</item>
+        <item name="colorOnPrimaryContainer">@color/yuzu_onPrimaryContainer_orange</item>
+        <item name="colorSecondary">@color/yuzu_secondary_orange</item>
+        <item name="colorOnSecondary">@color/yuzu_onSecondary_orange</item>
+        <item name="colorSecondaryContainer">@color/yuzu_secondaryContainer_orange</item>
+        <item name="colorOnSecondaryContainer">@color/yuzu_onSecondaryContainer_orange</item>
+        <item name="colorTertiary">@color/yuzu_tertiary_orange</item>
+        <item name="colorOnTertiary">@color/yuzu_onTertiary_orange</item>
+        <item name="colorTertiaryContainer">@color/yuzu_tertiaryContainer_orange</item>
+        <item name="colorOnTertiaryContainer">@color/yuzu_onTertiaryContainer_orange</item>
+        <item name="android:colorBackground">@color/yuzu_background_orange</item>
+        <item name="colorOnBackground">@color/yuzu_onBackground_orange</item>
+        <item name="colorSurface">@color/yuzu_surface_orange</item>
+        <item name="colorOnSurface">@color/yuzu_onSurface_orange</item>
+        <item name="colorSurfaceVariant">@color/yuzu_surfaceVariant_orange</item>
+        <item name="colorOnSurfaceVariant">@color/yuzu_onSurfaceVariant_orange</item>
+        <item name="colorOutline">@color/yuzu_outline_orange</item>
+        <item name="colorOnSurfaceInverse">@color/yuzu_inverseOnSurface_orange</item>
+        <item name="colorSurfaceInverse">@color/yuzu_inverseSurface_orange</item>
+        <item name="colorPrimaryInverse">@color/yuzu_inversePrimary_orange</item>
+
+        <item name="materialAlertDialogTheme">@style/YuzuMaterialDialog.Orange</item>
+    </style>
+
+    <style name="Theme.Yuzu.Main.Yellow" parent="Theme.Yuzu.Main">
+        <!-- Yellow theme colors -->
+        <item name="colorPrimary">@color/yuzu_primary_yellow</item>
+        <item name="colorOnPrimary">@color/yuzu_onPrimary_yellow</item>
+        <item name="colorPrimaryContainer">@color/yuzu_primaryContainer_yellow</item>
+        <item name="colorOnPrimaryContainer">@color/yuzu_onPrimaryContainer_yellow</item>
+        <item name="colorSecondary">@color/yuzu_secondary_yellow</item>
+        <item name="colorOnSecondary">@color/yuzu_onSecondary_yellow</item>
+        <item name="colorSecondaryContainer">@color/yuzu_secondaryContainer_yellow</item>
+        <item name="colorOnSecondaryContainer">@color/yuzu_onSecondaryContainer_yellow</item>
+        <item name="colorTertiary">@color/yuzu_tertiary_yellow</item>
+        <item name="colorOnTertiary">@color/yuzu_onTertiary_yellow</item>
+        <item name="colorTertiaryContainer">@color/yuzu_tertiaryContainer_yellow</item>
+        <item name="colorOnTertiaryContainer">@color/yuzu_onTertiaryContainer_yellow</item>
+        <item name="android:colorBackground">@color/yuzu_background_yellow</item>
+        <item name="colorOnBackground">@color/yuzu_onBackground_yellow</item>
+        <item name="colorSurface">@color/yuzu_surface_yellow</item>
+        <item name="colorOnSurface">@color/yuzu_onSurface_yellow</item>
+        <item name="colorSurfaceVariant">@color/yuzu_surfaceVariant_yellow</item>
+        <item name="colorOnSurfaceVariant">@color/yuzu_onSurfaceVariant_yellow</item>
+        <item name="colorOutline">@color/yuzu_outline_yellow</item>
+        <item name="colorOnSurfaceInverse">@color/yuzu_inverseOnSurface_yellow</item>
+        <item name="colorSurfaceInverse">@color/yuzu_inverseSurface_yellow</item>
+        <item name="colorPrimaryInverse">@color/yuzu_inversePrimary_yellow</item>
+
+        <item name="materialAlertDialogTheme">@style/YuzuMaterialDialog.Yellow</item>
+    </style>
+
+    <style name="Theme.Yuzu.Main.Violet" parent="Theme.Yuzu.Main">
+        <!-- Violet theme colors -->
+        <item name="colorPrimary">@color/yuzu_primary_violet</item>
+        <item name="colorOnPrimary">@color/yuzu_onPrimary_violet</item>
+        <item name="colorPrimaryContainer">@color/yuzu_primaryContainer_violet</item>
+        <item name="colorOnPrimaryContainer">@color/yuzu_onPrimaryContainer_violet</item>
+        <item name="colorSecondary">@color/yuzu_secondary_violet</item>
+        <item name="colorOnSecondary">@color/yuzu_onSecondary_violet</item>
+        <item name="colorSecondaryContainer">@color/yuzu_secondaryContainer_violet</item>
+        <item name="colorOnSecondaryContainer">@color/yuzu_onSecondaryContainer_violet</item>
+        <item name="colorTertiary">@color/yuzu_tertiary_violet</item>
+        <item name="colorOnTertiary">@color/yuzu_onTertiary_violet</item>
+        <item name="colorTertiaryContainer">@color/yuzu_tertiaryContainer_violet</item>
+        <item name="colorOnTertiaryContainer">@color/yuzu_onTertiaryContainer_violet</item>
+        <item name="android:colorBackground">@color/yuzu_background_violet</item>
+        <item name="colorOnBackground">@color/yuzu_onBackground_violet</item>
+        <item name="colorSurface">@color/yuzu_surface_violet</item>
+        <item name="colorOnSurface">@color/yuzu_onSurface_violet</item>
+        <item name="colorSurfaceVariant">@color/yuzu_surfaceVariant_violet</item>
+        <item name="colorOnSurfaceVariant">@color/yuzu_onSurfaceVariant_violet</item>
+        <item name="colorOutline">@color/yuzu_outline_violet</item>
+        <item name="colorOnSurfaceInverse">@color/yuzu_inverseOnSurface_violet</item>
+        <item name="colorSurfaceInverse">@color/yuzu_inverseSurface_violet</item>
+        <item name="colorPrimaryInverse">@color/yuzu_inversePrimary_violet</item>
+
+        <item name="materialAlertDialogTheme">@style/YuzuMaterialDialog.Violet</item>
+    </style>
+
+    <style name="Theme.Yuzu.Main.Cyan" parent="Theme.Yuzu.Main">
+        <!-- Cyan theme colors -->
+        <item name="colorPrimary">@color/yuzu_primary_cyan</item>
+        <item name="colorOnPrimary">@color/yuzu_onPrimary_cyan</item>
+        <item name="colorPrimaryContainer">@color/yuzu_primaryContainer_cyan</item>
+        <item name="colorOnPrimaryContainer">@color/yuzu_onPrimaryContainer_cyan</item>
+        <item name="colorSecondary">@color/yuzu_secondary_cyan</item>
+        <item name="colorOnSecondary">@color/yuzu_onSecondary_cyan</item>
+        <item name="colorSecondaryContainer">@color/yuzu_secondaryContainer_cyan</item>
+        <item name="colorOnSecondaryContainer">@color/yuzu_onSecondaryContainer_cyan</item>
+        <item name="colorTertiary">@color/yuzu_tertiary_cyan</item>
+        <item name="colorOnTertiary">@color/yuzu_onTertiary_cyan</item>
+        <item name="colorTertiaryContainer">@color/yuzu_tertiaryContainer_cyan</item>
+        <item name="colorOnTertiaryContainer">@color/yuzu_onTertiaryContainer_cyan</item>
+        <item name="android:colorBackground">@color/yuzu_background_cyan</item>
+        <item name="colorOnBackground">@color/yuzu_onBackground_cyan</item>
+        <item name="colorSurface">@color/yuzu_surface_cyan</item>
+        <item name="colorOnSurface">@color/yuzu_onSurface_cyan</item>
+        <item name="colorSurfaceVariant">@color/yuzu_surfaceVariant_cyan</item>
+        <item name="colorOnSurfaceVariant">@color/yuzu_onSurfaceVariant_cyan</item>
+        <item name="colorOutline">@color/yuzu_outline_cyan</item>
+        <item name="colorOnSurfaceInverse">@color/yuzu_inverseOnSurface_cyan</item>
+        <item name="colorSurfaceInverse">@color/yuzu_inverseSurface_cyan</item>
+        <item name="colorPrimaryInverse">@color/yuzu_inversePrimary_cyan</item>
+
+        <item name="materialAlertDialogTheme">@style/YuzuMaterialDialog.Cyan</item>
+    </style>
+
+    <style name="Theme.Yuzu.Main.Gray" parent="Theme.Yuzu.Main">
+        <!-- Gray Theme Colors -->
+        <item name="colorPrimary">@color/yuzu_primary_gray</item>
+        <item name="colorOnPrimary">@color/yuzu_onPrimary_gray</item>
+        <item name="colorPrimaryContainer">@color/yuzu_primaryContainer_gray</item>
+        <item name="colorOnPrimaryContainer">@color/yuzu_onPrimaryContainer_gray</item>
+        <item name="colorSecondary">@color/yuzu_secondary_gray</item>
+        <item name="colorOnSecondary">@color/yuzu_onSecondary_gray</item>
+        <item name="colorSecondaryContainer">@color/yuzu_secondaryContainer_gray</item>
+        <item name="colorOnSecondaryContainer">@color/yuzu_onSecondaryContainer_gray</item>
+        <item name="colorTertiary">@color/yuzu_tertiary_gray</item>
+        <item name="colorOnTertiary">@color/yuzu_onTertiary_gray</item>
+        <item name="colorTertiaryContainer">@color/yuzu_tertiaryContainer_gray</item>
+        <item name="colorOnTertiaryContainer">@color/yuzu_onTertiaryContainer_gray</item>
+        <item name="android:colorBackground">@color/yuzu_background_gray</item>
+        <item name="colorOnBackground">@color/yuzu_onBackground_gray</item>
+        <item name="colorSurface">@color/yuzu_surface_gray</item>
+        <item name="colorOnSurface">@color/yuzu_onSurface_gray</item>
+        <item name="colorSurfaceVariant">@color/yuzu_surfaceVariant_gray</item>
+        <item name="colorOnSurfaceVariant">@color/yuzu_onSurfaceVariant_gray</item>
+        <item name="colorOutline">@color/yuzu_outline_gray</item>
+        <item name="colorOnSurfaceInverse">@color/yuzu_inverseOnSurface_gray</item>
+        <item name="colorSurfaceInverse">@color/yuzu_inverseSurface_gray</item>
+        <item name="colorPrimaryInverse">@color/yuzu_inversePrimary_gray</item>
+
+        <item name="materialAlertDialogTheme">@style/YuzuMaterialDialog.Gray</item>
+    </style>
+
+    <style name="Theme.Yuzu.Main.Pink" parent="Theme.Yuzu.Main">
+        <!-- Pink Theme Colors -->
+        <item name="colorPrimary">@color/yuzu_primary_pink</item>
+        <item name="colorOnPrimary">@color/yuzu_onPrimary_pink</item>
+        <item name="colorPrimaryContainer">@color/yuzu_primaryContainer_pink</item>
+        <item name="colorOnPrimaryContainer">@color/yuzu_onPrimaryContainer_pink</item>
+        <item name="colorSecondary">@color/yuzu_secondary_pink</item>
+        <item name="colorOnSecondary">@color/yuzu_onSecondary_pink</item>
+        <item name="colorSecondaryContainer">@color/yuzu_secondaryContainer_pink</item>
+        <item name="colorOnSecondaryContainer">@color/yuzu_onSecondaryContainer_pink</item>
+        <item name="colorTertiary">@color/yuzu_tertiary_pink</item>
+        <item name="colorOnTertiary">@color/yuzu_onTertiary_pink</item>
+        <item name="colorTertiaryContainer">@color/yuzu_tertiaryContainer_pink</item>
+        <item name="colorOnTertiaryContainer">@color/yuzu_onTertiaryContainer_pink</item>
+        <item name="android:colorBackground">@color/yuzu_background_pink</item>
+        <item name="colorOnBackground">@color/yuzu_onBackground_pink</item>
+        <item name="colorSurface">@color/yuzu_surface_pink</item>
+        <item name="colorOnSurface">@color/yuzu_onSurface_pink</item>
+        <item name="colorSurfaceVariant">@color/yuzu_surfaceVariant_pink</item>
+        <item name="colorOnSurfaceVariant">@color/yuzu_onSurfaceVariant_pink</item>
+        <item name="colorOutline">@color/yuzu_outline_pink</item>
+        <item name="colorOnSurfaceInverse">@color/yuzu_inverseOnSurface_pink</item>
+        <item name="colorSurfaceInverse">@color/yuzu_inverseSurface_pink</item>
+        <item name="colorPrimaryInverse">@color/yuzu_inversePrimary_pink</item>
+
+        <item name="materialAlertDialogTheme">@style/YuzuMaterialDialog.PINK</item>
+    </style>
+
 </resources>

src/android/app/src/main/res/values/yuzu_colors.xml

@@ -1,37 +1,264 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
 
-    <color name="yuzu_primary">#990E00</color>
-    <color name="yuzu_onPrimary">#FFFFFF</color>
-    <color name="yuzu_primaryContainer">#EEDEDD</color>
-    <color name="yuzu_onPrimaryContainer">#400200</color>
-    <color name="yuzu_secondary">#775650</color>
-    <color name="yuzu_onSecondary">#FFFFFF</color>
-    <color name="yuzu_secondaryContainer">#FFDAD4</color>
-    <color name="yuzu_onSecondaryContainer">#2C1511</color>
-    <color name="yuzu_tertiary">#6F5C2E</color>
-    <color name="yuzu_onTertiary">#FFFFFF</color>
-    <color name="yuzu_tertiaryContainer">#FAE0A6</color>
-    <color name="yuzu_onTertiaryContainer">#251A00</color>
+    <!-- Blue Theme Colors -->
+    <color name="yuzu_primary_blue">#154FE2</color>
+    <color name="yuzu_primaryContainer_blue">#DCE1FF</color>
+    <color name="yuzu_onPrimaryContainer_blue">#001551</color>
+    <color name="yuzu_secondary_blue">#595D72</color>
+    <color name="yuzu_secondaryContainer_blue">#DEE1F9</color>
+    <color name="yuzu_onSecondaryContainer_blue">#161B2C</color>
+    <color name="yuzu_tertiary_blue">#75546F</color>
+    <color name="yuzu_tertiaryContainer_blue">#FFD7F5</color>
+    <color name="yuzu_onTertiaryContainer_blue">#2C1229</color>
+    <color name="yuzu_background_blue">#FEFBFF</color>
+    <color name="yuzu_onBackground_blue">#1B1B1F</color>
+    <color name="yuzu_surface_blue">#FEFBFF</color>
+    <color name="yuzu_onSurface_blue">#1B1B1F</color>
+    <color name="yuzu_surfaceVariant_blue">#E2E1EC</color>
+    <color name="yuzu_onSurfaceVariant_blue">#45464F</color>
+    <color name="yuzu_outline_blue">#767680</color>
+    <color name="yuzu_inverseOnSurface_blue">#F2F0F4</color>
+    <color name="yuzu_inverseSurface_blue">#303034</color>
+    <color name="yuzu_inversePrimary_blue">#B7C4FF</color>
+    <color name="yuzu_surfaceTint_blue">#154FE2</color>
+
+    <!-- Red Theme Colors -->
+    <color name="yuzu_primary_red">#E21515</color>
+    <color name="yuzu_primaryContainer_red">#FFDCDC</color>
+    <color name="yuzu_onPrimaryContainer_red">#510000</color>
+    <color name="yuzu_secondary_red">#725959</color>
+    <color name="yuzu_secondaryContainer_red">#F9DEDE</color>
+    <color name="yuzu_onSecondaryContainer_red">#2C1616</color>
+    <color name="yuzu_tertiary_red">#755454</color>
+    <color name="yuzu_tertiaryContainer_red">#FFD7D7</color>
+    <color name="yuzu_onTertiaryContainer_red">#2C1212</color>
+    <color name="yuzu_background_red">#FFFBFB</color>
+    <color name="yuzu_onBackground_red">#1F1B1B</color>
+    <color name="yuzu_surface_red">#FFFBFB</color>
+    <color name="yuzu_onSurface_red">#1F1B1B</color>
+    <color name="yuzu_surfaceVariant_red">#ECE1E1</color>
+    <color name="yuzu_onSurfaceVariant_red">#4F4545</color>
+    <color name="yuzu_outline_red">#807676</color>
+    <color name="yuzu_inverseOnSurface_red">#F4F0F0</color>
+    <color name="yuzu_inverseSurface_red">#343030</color>
+    <color name="yuzu_inversePrimary_red">#FFB7B7</color>
+    <color name="yuzu_surfaceTint_red">#E21515</color>
+
+    <!-- Green Theme Colors -->
+    <color name="yuzu_primary_green">#1FAA59</color>
+    <color name="yuzu_primaryContainer_green">#C6F6D5</color>
+    <color name="yuzu_onPrimaryContainer_green">#012D12</color>
+    <color name="yuzu_secondary_green">#4D8066</color>
+    <color name="yuzu_secondaryContainer_green">#D4EDE1</color>
+    <color name="yuzu_onSecondaryContainer_green">#1A3328</color>
+    <color name="yuzu_tertiary_green">#3D7267</color>
+    <color name="yuzu_tertiaryContainer_green">#BCECE0</color>
+    <color name="yuzu_onTertiaryContainer_green">#1C4039</color>
+    <color name="yuzu_background_green">#FBFFFC</color>
+    <color name="yuzu_onBackground_green">#1B1F1B</color>
+    <color name="yuzu_surface_green">#FBFFFC</color>
+    <color name="yuzu_onSurface_green">#1B1F1B</color>
+    <color name="yuzu_surfaceVariant_green">#E1ECE1</color>
+    <color name="yuzu_onSurfaceVariant_green">#454F46</color>
+    <color name="yuzu_outline_green">#768077</color>
+    <color name="yuzu_inverseOnSurface_green">#F0F4F0</color>
+    <color name="yuzu_inverseSurface_green">#303430</color>
+    <color name="yuzu_inversePrimary_green">#B7FFB8</color>
+    <color name="yuzu_surfaceTint_green">#1FAA59</color>
+
+    <!-- Cyan Theme Colors -->
+    <color name="yuzu_primary_cyan">#15E2D1</color>
+    <color name="yuzu_primaryContainer_cyan">#DCFFFE</color>
+    <color name="yuzu_onPrimaryContainer_cyan">#005148</color>
+    <color name="yuzu_secondary_cyan">#595D72</color>
+    <color name="yuzu_secondaryContainer_cyan">#DEF8F9</color>
+    <color name="yuzu_onSecondaryContainer_cyan">#162C2C</color>
+    <color name="yuzu_tertiary_cyan">#75546F</color>
+    <color name="yuzu_tertiaryContainer_cyan">#D7FCFF</color>
+    <color name="yuzu_onTertiaryContainer_cyan">#122C2C</color>
+    <color name="yuzu_background_cyan">#FBFFFF</color>
+    <color name="yuzu_onBackground_cyan">#1B1F1F</color>
+    <color name="yuzu_surface_cyan">#FBFFFF</color>
+    <color name="yuzu_onSurface_cyan">#1B1F1F</color>
+    <color name="yuzu_surfaceVariant_cyan">#E1ECEB</color>
+    <color name="yuzu_onSurfaceVariant_cyan">#454F4F</color>
+    <color name="yuzu_outline_cyan">#76807F</color>
+    <color name="yuzu_inverseOnSurface_cyan">#F0F4F4</color>
+    <color name="yuzu_inverseSurface_cyan">#303434</color>
+    <color name="yuzu_inversePrimary_cyan">#B7FFF7</color>
+    <color name="yuzu_surfaceTint_cyan">#15E2C3</color>
+
+    <!-- Lime Theme Colors -->
+    <color name="yuzu_primary_lime">#5DE215</color>
+    <color name="yuzu_primaryContainer_lime">#E9FFDC</color>
+    <color name="yuzu_onPrimaryContainer_lime">#185100</color>
+    <color name="yuzu_secondary_lime">#595D72</color>
+    <color name="yuzu_secondaryContainer_lime">#E9F9DE</color>
+    <color name="yuzu_onSecondaryContainer_lime">#1F2C16</color>
+    <color name="yuzu_tertiary_lime">#547564</color>
+    <color name="yuzu_tertiaryContainer_lime">#D7FFEA</color>
+    <color name="yuzu_onTertiaryContainer_lime">#122C20</color>
+    <color name="yuzu_background_lime">#FBFFFB</color>
+    <color name="yuzu_onBackground_lime">#1C1F1B</color>
+    <color name="yuzu_surface_lime">#FBFFFB</color>
+    <color name="yuzu_onSurface_lime">#1B1F1B</color>
+    <color name="yuzu_surfaceVariant_lime">#E2ECE1</color>
+    <color name="yuzu_onSurfaceVariant_lime">#464F45</color>
+    <color name="yuzu_outline_lime">#778076</color>
+    <color name="yuzu_inverseOnSurface_lime">#F0F4F0</color>
+    <color name="yuzu_inverseSurface_lime">#313430</color>
+    <color name="yuzu_inversePrimary_lime">#BCFFB7</color>
+    <color name="yuzu_surfaceTint_lime">#41E215</color>
+
+    <!-- Yellow Theme Colors -->
+    <color name="yuzu_primary_yellow">#CDE2C015</color>
+    <color name="yuzu_primaryContainer_yellow">#FEFFDC</color>
+    <color name="yuzu_onPrimaryContainer_yellow">#4C5100</color>
+    <color name="yuzu_secondary_yellow">#717259</color>
+    <color name="yuzu_secondaryContainer_yellow">#F8F9DE</color>
+    <color name="yuzu_onSecondaryContainer_yellow">#2C2C16</color>
+    <color name="yuzu_tertiary_yellow">#757254</color>
+    <color name="yuzu_tertiaryContainer_yellow">#FFFDD7</color>
+    <color name="yuzu_onTertiaryContainer_yellow">#2C2B12</color>
+    <color name="yuzu_background_yellow">#FFFFFB</color>
+    <color name="yuzu_onBackground_yellow">#1F1F1B</color>
+    <color name="yuzu_surface_yellow">#FFFFFB</color>
+    <color name="yuzu_onSurface_yellow">#1F1F1B</color>
+    <color name="yuzu_surfaceVariant_yellow">#ECEBE1</color>
+    <color name="yuzu_onSurfaceVariant_yellow">#4E4F45</color>
+    <color name="yuzu_outline_yellow">#7F8076</color>
+    <color name="yuzu_inverseOnSurface_yellow">#F4F4F0</color>
+    <color name="yuzu_inverseSurface_yellow">#343430</color>
+    <color name="yuzu_inversePrimary_yellow">#FFFEB7</color>
+    <color name="yuzu_surfaceTint_yellow">#E2CE15</color>
+
+    <!-- Orange Theme Colors -->
+    <color name="yuzu_primary_orange">#E26E15</color>
+    <color name="yuzu_primaryContainer_orange">#FFECDC</color>
+    <color name="yuzu_onPrimaryContainer_orange">#512600</color>
+    <color name="yuzu_secondary_orange">#726759</color>
+    <color name="yuzu_secondaryContainer_orange">#F9EADE</color>
+    <color name="yuzu_onSecondaryContainer_orange">#2C1E16</color>
+    <color name="yuzu_tertiary_orange">#756354</color>
+    <color name="yuzu_tertiaryContainer_orange">#FFF0D7</color>
+    <color name="yuzu_onTertiaryContainer_orange">#2C2012</color>
+    <color name="yuzu_background_orange">#FFFDFB</color>
+    <color name="yuzu_onBackground_orange">#1F1D1B</color>
+    <color name="yuzu_surface_orange">#FFFDFB</color>
+    <color name="yuzu_onSurface_orange">#1F1D1B</color>
+    <color name="yuzu_surfaceVariant_orange">#ECE6E1</color>
+    <color name="yuzu_onSurfaceVariant_orange">#4F4A45</color>
+    <color name="yuzu_outline_orange">#807B76</color>
+    <color name="yuzu_inverseOnSurface_orange">#F4F2F0</color>
+    <color name="yuzu_inverseSurface_orange">#343230</color>
+    <color name="yuzu_inversePrimary_orange">#FFD9B7</color>
+    <color name="yuzu_surfaceTint_orange">#E27F15</color>
+
+    <!-- Violet Theme Colors -->
+    <color name="yuzu_primary_violet">#DB15E2</color>
+    <color name="yuzu_primaryContainer_violet">#FDDCFF</color>
+    <color name="yuzu_onPrimaryContainer_violet">#4E0051</color>
+    <color name="yuzu_secondary_violet">#6B5972</color>
+    <color name="yuzu_secondaryContainer_violet">#F6DEF9</color>
+    <color name="yuzu_onSecondaryContainer_violet">#26162C</color>
+    <color name="yuzu_tertiary_violet">#6E5475</color>
+    <color name="yuzu_tertiaryContainer_violet">#F6D7FF</color>
+    <color name="yuzu_onTertiaryContainer_violet">#29122C</color>
+    <color name="yuzu_background_violet">#FEFBFF</color>
+    <color name="yuzu_onBackground_violet">#1E1B1F</color>
+    <color name="yuzu_surface_violet">#FEFBFF</color>
+    <color name="yuzu_onSurface_violet">#1D1B1F</color>
+    <color name="yuzu_surfaceVariant_violet">#E7E1EC</color>
+    <color name="yuzu_onSurfaceVariant_violet">#4B454F</color>
+    <color name="yuzu_outline_violet">#7A7680</color>
+    <color name="yuzu_inverseOnSurface_violet">#F2F0F4</color>
+    <color name="yuzu_inverseSurface_violet">#323034</color>
+    <color name="yuzu_inversePrimary_violet">#E3B7FF</color>
+    <color name="yuzu_surfaceTint_violet">#8215E2</color>
+
+    <!-- Pink Theme Colors -->
+    <color name="yuzu_primary_pink">#E21556</color>
+    <color name="yuzu_primaryContainer_pink">#FF73A4</color>
+    <color name="yuzu_onPrimaryContainer_pink">#510023</color>
+    <color name="yuzu_secondary_pink">#725962</color>
+    <color name="yuzu_secondaryContainer_pink">#F9DEE9</color>
+    <color name="yuzu_onSecondaryContainer_pink">#2C1620</color>
+    <color name="yuzu_tertiary_pink">#755463</color>
+    <color name="yuzu_tertiaryContainer_pink">#FFD7E7</color>
+    <color name="yuzu_onTertiaryContainer_pink">#2C121A</color>
+    <color name="yuzu_background_pink">#FF9CB5</color>
+    <color name="yuzu_onBackground_pink">#1F1B1C</color>
+    <color name="yuzu_surface_pink">#FFFBFC</color>
+    <color name="yuzu_onSurface_pink">#1F1B1C</color>
+    <color name="yuzu_surfaceVariant_pink">#ECE1E4</color>
+    <color name="yuzu_onSurfaceVariant_pink">#4F4547</color>
+    <color name="yuzu_outline_pink">#807679</color>
+    <color name="yuzu_inverseOnSurface_pink">#F4F0F1</color>
+    <color name="yuzu_inverseSurface_pink">#343031</color>
+    <color name="yuzu_inversePrimary_pink">#FFB7D0</color>
+    <color name="yuzu_surfaceTint_pink">#E21545</color>
+
+    <!-- Gray Theme Colors -->
+    <color name="yuzu_primary_gray">#9E9E9E</color>
+    <color name="yuzu_primaryContainer_gray">#F5F5F5</color>
+    <color name="yuzu_onPrimaryContainer_gray">#1E1E1E</color>
+    <color name="yuzu_secondary_gray">#BDBDBD</color>
+    <color name="yuzu_secondaryContainer_gray">#E0E0E0</color>
+    <color name="yuzu_onSecondaryContainer_gray">#424242</color>
+    <color name="yuzu_tertiary_gray">#757575</color>
+    <color name="yuzu_tertiaryContainer_gray">#BDBDBD</color>
+    <color name="yuzu_onTertiaryContainer_gray">#1E1E1E</color>
+    <color name="yuzu_background_gray">#FAFAFA</color>
+    <color name="yuzu_onBackground_gray">#1E1E1E</color>
+    <color name="yuzu_surface_gray">#FAFAFA</color>
+    <color name="yuzu_onSurface_gray">#1E1E1E</color>
+    <color name="yuzu_surfaceVariant_gray">#E0E0E0</color>
+    <color name="yuzu_onSurfaceVariant_gray">#424242</color>
+    <color name="yuzu_outline_gray">#424242</color>
+    <color name="yuzu_inverseOnSurface_gray">#FAFAFA</color>
+    <color name="yuzu_inverseSurface_gray">#1E1E1E</color>
+    <color name="yuzu_inversePrimary_gray">#BDBDBD</color>
+    <color name="yuzu_surfaceTint_gray">#9E9E9E</color>
+
+    <!-- Common Colors Across All Themes -->
+    <color name="yuzu_outlineVariant">#C6C5D0</color>
     <color name="yuzu_error">#BA1A1A</color>
     <color name="yuzu_errorContainer">#FFDAD6</color>
     <color name="yuzu_onError">#FFFFFF</color>
     <color name="yuzu_onErrorContainer">#410002</color>
-    <color name="yuzu_background">#FFFBFF</color>
-    <color name="yuzu_onBackground">#201A19</color>
-    <color name="yuzu_surface">#FFFBFF</color>
-    <color name="yuzu_onSurface">#201A19</color>
-    <color name="yuzu_surfaceVariant">#F5DDD9</color>
-    <color name="yuzu_onSurfaceVariant">#534340</color>
-    <color name="yuzu_outline">#857370</color>
-    <color name="yuzu_inverseOnSurface">#FBEEEB</color>
-    <color name="yuzu_inverseSurface">#362F2D</color>
-    <color name="yuzu_inversePrimary">#FFB4A6</color>
     <color name="yuzu_shadow">#000000</color>
-    <color name="yuzu_surfaceTint">#B52612</color>
-    <color name="yuzu_outlineVariant">#D8C2BE</color>
-
-    <color name="yuzu_ea_background_start">#99FFE1</color>
-    <color name="yuzu_ea_background_end">#76C5FF</color>
+    <color name="yuzu_scrim">#000000</color>
+    <!-- Values used in dark mode but here are jsut white / black values-->
+    <color name="yuzu_onPrimary_blue">#FFFFFF</color>
+    <color name="yuzu_onSecondary_blue">#FFFFFF</color>
+    <color name="yuzu_onTertiary_blue">#FFFFFF</color>
+    <color name="yuzu_onPrimary_red">#FFFFFF</color>
+    <color name="yuzu_onSecondary_red">#FFFFFF</color>
+    <color name="yuzu_onTertiary_red">#FFFFFF</color>
+    <color name="yuzu_onPrimary_green">#FFFFFF</color>
+    <color name="yuzu_onSecondary_green">#FFFFFF</color>
+    <color name="yuzu_onTertiary_green">#FFFFFF</color>
+    <color name="yuzu_onPrimary_cyan">#FFFFFF</color>
+    <color name="yuzu_onSecondary_cyan">#FFFFFF</color>
+    <color name="yuzu_onTertiary_cyan">#FFFFFF</color>
+    <color name="yuzu_onPrimary_lime">#FFFFFF</color>
+    <color name="yuzu_onSecondary_lime">#FFFFFF</color>
+    <color name="yuzu_onTertiary_lime">#FFFFFF</color>
+    <color name="yuzu_onPrimary_yellow">#FFFFFF</color>
+    <color name="yuzu_onSecondary_yellow">#FFFFFF</color>
+    <color name="yuzu_onTertiary_yellow">#FFFFFF</color>
+    <color name="yuzu_onPrimary_orange">#FFFFFF</color>
+    <color name="yuzu_onSecondary_orange">#FFFFFF</color>
+    <color name="yuzu_onTertiary_orange">#FFFFFF</color>
+    <color name="yuzu_onPrimary_violet">#FFFFFF</color>
+    <color name="yuzu_onSecondary_violet">#FFFFFF</color>
+    <color name="yuzu_onTertiary_violet">#FFFFFF</color>
+    <color name="yuzu_onPrimary_pink">#FFFFFF</color>
+    <color name="yuzu_onSecondary_pink">#FFFFFF</color>
+    <color name="yuzu_onTertiary_pink">#FFFFFF</color>
+    <color name="yuzu_onPrimary_gray">#FFFFFF</color>
+    <color name="yuzu_onSecondary_gray">#FFFFFF</color>
+    <color name="yuzu_onTertiary_gray">#FFFFFF</color>
 
 </resources>