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. (cherry picked from commit 4b0f54966653c0a313d60cfe0d13d12b2c12ec79)
This commit is contained in:
Batuhan
Jobobby04
parent
90db474512
commit
723ae93ad8
@ -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),
|
||||
|
||||
@ -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
app/src/main/res/values-night/colors_tidalwave.xml
Normal file
36
app/src/main/res/values-night/colors_tidalwave.xml
Normal 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>
|
||||
36
app/src/main/res/values/colors_tidalwave.xml
Normal file
36
app/src/main/res/values/colors_tidalwave.xml
Normal 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>
|
||||
@ -170,6 +170,7 @@
|
||||
<string name="theme_tealturquoise">Teal & Turquoise</string>
|
||||
<string name="theme_yinyang">Yin & 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>
|
||||
|
||||
@ -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="" />
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user