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.
This commit is contained in:
Batuhan 2022-08-20 13:23:32 -04:00 committed by GitHub
parent 40749dc767
commit 4b0f549666
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 104 additions and 0 deletions

View File

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

View File

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

View File

@ -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>

View File

@ -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>

View File

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

View File

@ -318,6 +318,33 @@
<item name="colorPrimaryInverse">@color/yotsuba_primaryInverse</item> <item name="colorPrimaryInverse">@color/yotsuba_primaryInverse</item>
</style> </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 ==--> <!--== AMOLED Mode Overlay ==-->
<style name="ThemeOverlay.Tachiyomi.Amoled" parent="" /> <style name="ThemeOverlay.Tachiyomi.Amoled" parent="" />