admin/TachiyomiSY
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

New Theme Tidal Wave (#7825)

Browse Source 
* 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 4b0f549666)
This commit is contained in:
Batuhan
2022-08-20 13:23:32 -04:00
committed by Jobobby04
parent 90db474512
commit 723ae93ad8
6 changed files with 104 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/src/main/java/eu/kanade/tachiyomi/data/preference/PreferenceValues.kt
+1
View File
@@ -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),
app/src/main/java/eu/kanade/tachiyomi/ui/base/delegate/ThemingDelegate.kt
+3
View File
@@ -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
}
app/src/main/res/values-night/colors_tidalwave.xml
+36
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>
app/src/main/res/values/colors_tidalwave.xml
+36
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>
app/src/main/res/values/strings.xml
+1
View File
@@ -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>
app/src/main/res/values/themes.xml
+27
View File
@@ -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="" />