Browse Source

New Theme Tidal Wave (#7825)

* New Theme Tidal Wave

Added a new strong blue theme appearance to Tachiyomi titled Tidal Wave.

* Better Tertiary Color: Seafoam Green

Updated the tertiary color to be lighter and match the blue more. Also changed the active button color to contrast better.
Batuhan 2 years ago
parent
commit
4b0f549666

+ 1 - 0
app/src/main/java/eu/kanade/tachiyomi/data/preference/PreferenceValues.kt

@@ -40,6 +40,7 @@ object PreferenceValues {
         TEALTURQUOISE(R.string.theme_tealturquoise),
         YINYANG(R.string.theme_yinyang),
         YOTSUBA(R.string.theme_yotsuba),
+        TIDAL_WAVE(R.string.theme_tidalwave),
 
         // Deprecated
         DARK_BLUE(null),

+ 3 - 0
app/src/main/java/eu/kanade/tachiyomi/ui/base/delegate/ThemingDelegate.kt

@@ -41,6 +41,9 @@ interface ThemingDelegate {
                 PreferenceValues.AppTheme.YOTSUBA -> {
                     resIds += R.style.Theme_Tachiyomi_Yotsuba
                 }
+                PreferenceValues.AppTheme.TIDAL_WAVE -> {
+                    resIds += R.style.Theme_Tachiyomi_TidalWave
+                }
                 else -> {
                     resIds += R.style.Theme_Tachiyomi
                 }

+ 36 - 0
app/src/main/res/values-night/colors_tidalwave.xml

@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  ~ Colors for Tidal Wave theme
+  ~ Original color scheme by NahutabDevelop
+  ~
+  ~ Key colors:
+  ~ Primary #004152
+  ~ Secondary #5ed4fc
+  ~ Tertiary #92f7bc
+  ~ Neutral #16151D
+-->
+<resources>
+    <color name="tidalwave_primary">#5ed4fc</color>
+    <color name="tidalwave_onPrimary">#003544</color>
+    <color name="tidalwave_primaryContainer">#004d61</color>
+    <color name="tidalwave_onPrimaryContainer">#b8eaff</color>
+    <color name="tidalwave_secondary">#5ed4fc</color>
+    <color name="tidalwave_onSecondary">#003544</color>
+    <color name="tidalwave_secondaryContainer">#004d61</color>
+    <color name="tidalwave_onSecondaryContainer">#b8eaff</color>
+    <color name="tidalwave_tertiary">#92f7bc</color>
+    <color name="tidalwave_onTertiary">#001c3b</color>
+    <color name="tidalwave_tertiaryContainer">#c3fada</color>
+    <color name="tidalwave_onTertiaryContainer">#78ffd6</color>
+    <color name="tidalwave_background">#001c3b</color>
+    <color name="tidalwave_onBackground">#d5e3ff</color>
+    <color name="tidalwave_surface">#001c3b</color>
+    <color name="tidalwave_onSurface">#d5e3ff</color>
+    <color name="tidalwave_surfaceVariant">#40484c</color>
+    <color name="tidalwave_onSurfaceVariant">#bfc8cc</color>
+    <color name="tidalwave_outline">#8a9296</color>
+    <color name="tidalwave_inverseOnSurface">#001c3b</color>
+    <color name="tidalwave_inverseSurface">#ffe3c4</color>
+    <color name="tidalwave_primaryInverse">#a12b03</color>
+
+</resources>

+ 36 - 0
app/src/main/res/values/colors_tidalwave.xml

@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!--
+  ~ Colors for Tidal Wave theme
+  ~ Original color scheme by NahutabDevelop
+  ~
+  ~ Key colors:
+  ~ Primary #006780
+  ~ Secondary #004152
+  ~ Tertiary #92f7bc
+  ~ Neutral #b6b5b8
+-->
+<resources>
+    <color name="tidalwave_primary">#006780</color>
+    <color name="tidalwave_onPrimary">#ffffff</color>
+    <color name="tidalwave_primaryContainer">#B4D4DF</color>
+    <color name="tidalwave_onPrimaryContainer">#001f28</color>
+    <color name="tidalwave_secondary">#006780</color>
+    <color name="tidalwave_onSecondary">#ffffff</color>
+    <color name="tidalwave_secondaryContainer">#b8eaff</color>
+    <color name="tidalwave_onSecondaryContainer">#001f28</color>
+    <color name="tidalwave_tertiary">#92f7bc</color>
+    <color name="tidalwave_onTertiary">#001c3b</color>
+    <color name="tidalwave_tertiaryContainer">#c3fada</color>
+    <color name="tidalwave_onTertiaryContainer">#78ffd6</color>
+    <color name="tidalwave_background">#fdfbff</color>
+    <color name="tidalwave_onBackground">#001c3b</color>
+    <color name="tidalwave_surface">#fdfbff</color>
+    <color name="tidalwave_onSurface">#001c3b</color>
+    <color name="tidalwave_surfaceVariant">#dce4e8</color>
+    <color name="tidalwave_onSurfaceVariant">#40484c</color>
+    <color name="tidalwave_outline">#70787c</color>
+    <color name="tidalwave_inverseOnSurface">#ffe3c4</color>
+    <color name="tidalwave_inverseSurface">#020400</color>
+    <color name="tidalwave_primaryInverse">#ff987f</color>
+</resources>

+ 1 - 0
app/src/main/res/values/strings.xml

@@ -170,6 +170,7 @@
     <string name="theme_tealturquoise">Teal &amp; Turquoise</string>
     <string name="theme_yinyang">Yin &amp; Yang</string>
     <string name="theme_yotsuba">Yotsuba</string>
+    <string name="theme_tidalwave">Tidal Wave</string>
     <string name="pref_dark_theme_pure_black">Pure black dark mode</string>
     <string name="pref_category_navigation">Navigation</string>
     <string name="pref_side_nav_icon_alignment">Side navigation icon alignment</string>

+ 27 - 0
app/src/main/res/values/themes.xml

@@ -318,6 +318,33 @@
         <item name="colorPrimaryInverse">@color/yotsuba_primaryInverse</item>
     </style>
 
+    <!--== Tidal Wave Theme ==-->
+    <style name="Theme.Tachiyomi.TidalWave">
+        <!-- Theme Colors -->
+        <item name="colorPrimary">@color/tidalwave_primary</item>
+        <item name="colorOnPrimary">@color/tidalwave_onPrimary</item>
+        <item name="colorPrimaryContainer">@color/tidalwave_primaryContainer</item>
+        <item name="colorOnPrimaryContainer">@color/tidalwave_onPrimaryContainer</item>
+        <item name="colorSecondary">@color/tidalwave_secondary</item>
+        <item name="colorOnSecondary">@color/tidalwave_onSecondary</item>
+        <item name="colorSecondaryContainer">@color/tidalwave_secondaryContainer</item>
+        <item name="colorOnSecondaryContainer">@color/tidalwave_onSecondaryContainer</item>
+        <item name="colorTertiary">@color/tidalwave_tertiary</item>
+        <item name="colorOnTertiary">@color/tidalwave_onTertiary</item>
+        <item name="colorTertiaryContainer">@color/tidalwave_tertiaryContainer</item>
+        <item name="colorOnTertiaryContainer">@color/tidalwave_onTertiaryContainer</item>
+        <item name="android:colorBackground">@color/tidalwave_background</item>
+        <item name="colorOnBackground">@color/tidalwave_onBackground</item>
+        <item name="colorSurface">@color/tidalwave_surface</item>
+        <item name="colorOnSurface">@color/tidalwave_onSurface</item>
+        <item name="colorSurfaceVariant">@color/tidalwave_surfaceVariant</item>
+        <item name="colorOnSurfaceVariant">@color/tidalwave_onSurfaceVariant</item>
+        <item name="colorOutline">@color/tidalwave_outline</item>
+        <item name="colorOnSurfaceInverse">@color/tidalwave_inverseOnSurface</item>
+        <item name="colorSurfaceInverse">@color/tidalwave_inverseSurface</item>
+        <item name="colorPrimaryInverse">@color/tidalwave_primaryInverse</item>
+    </style>
+
     <!--== AMOLED Mode Overlay ==-->
     <style name="ThemeOverlay.Tachiyomi.Amoled" parent="" />