mirror of
https://github.com/mihonapp/mihon.git
synced 2024-12-25 18:38:23 +01:00
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:
parent
40749dc767
commit
4b0f549666
@ -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…
Reference in New Issue
Block a user