Added "Tako" theme (#5546)

* Added "Ninomae" theme

Based on the lovely Ninomae Ina'nis, for Arkon and Flat

* Use updated colors from Ghostbear

Adapted after feedback

Co-Authored-By: Andreas <6576096+ghostbear@users.noreply.github.com>

* Tweak the Ninomae theme further

* Sort themes alphabetically

- Sorts themes alphabetically.
- Use the same capital word system in colors.xml for themes.xml as well.
- Rename AMOLED theme to AMOLED mode in theme.xml and color.xml references.

* More tweaks

* Style incognito bar

Uses a dark purple which looks super clean instead of a washed out gray

This sets the groundwork for other themes too

* Tweak final onPrimary color

* Rename Ninomae to Tako

RIP

Co-authored-by: Andreas <6576096+ghostbear@users.noreply.github.com>
This commit is contained in:
Soitora 2021-07-15 14:46:30 +02:00 committed by GitHub
parent b7c2890250
commit 0d62aedfbb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
11 changed files with 122 additions and 68 deletions

View File

@ -27,8 +27,9 @@ object PreferenceValues {
GREEN_APPLE(R.string.theme_greenapple), GREEN_APPLE(R.string.theme_greenapple),
MIDNIGHT_DUSK(R.string.theme_midnightdusk), MIDNIGHT_DUSK(R.string.theme_midnightdusk),
STRAWBERRY_DAIQUIRI(R.string.theme_strawberrydaiquiri), STRAWBERRY_DAIQUIRI(R.string.theme_strawberrydaiquiri),
YOTSUBA(R.string.theme_yotsuba), TAKO(R.string.theme_tako),
YINYANG(R.string.theme_yinyang), YINYANG(R.string.theme_yinyang),
YOTSUBA(R.string.theme_yotsuba),
// Deprecated // Deprecated
DARK_BLUE(null), DARK_BLUE(null),

View File

@ -53,12 +53,15 @@ abstract class BaseThemedActivity : AppCompatActivity() {
PreferenceValues.AppTheme.STRAWBERRY_DAIQUIRI -> { PreferenceValues.AppTheme.STRAWBERRY_DAIQUIRI -> {
resIds += R.style.Theme_Tachiyomi_StrawberryDaiquiri resIds += R.style.Theme_Tachiyomi_StrawberryDaiquiri
} }
PreferenceValues.AppTheme.YOTSUBA -> { PreferenceValues.AppTheme.TAKO -> {
resIds += R.style.Theme_Tachiyomi_Yotsuba resIds += R.style.Theme_Tachiyomi_Tako
} }
PreferenceValues.AppTheme.YINYANG -> { PreferenceValues.AppTheme.YINYANG -> {
resIds += R.style.Theme_Tachiyomi_YinYang resIds += R.style.Theme_Tachiyomi_YinYang
} }
PreferenceValues.AppTheme.YOTSUBA -> {
resIds += R.style.Theme_Tachiyomi_Yotsuba
}
else -> { else -> {
resIds += R.style.Theme_Tachiyomi resIds += R.style.Theme_Tachiyomi
} }

View File

@ -52,7 +52,7 @@
android:id="@+id/incognito_mode" android:id="@+id/incognito_mode"
android:layout_width="0dp" android:layout_width="0dp"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:background="@color/md_grey_800" android:background="?attr/incognitoBackgroundColor"
android:visibility="gone" android:visibility="gone"
app:layout_constraintEnd_toEndOf="parent" app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent" app:layout_constraintStart_toStartOf="parent"

View File

@ -47,7 +47,7 @@
android:id="@+id/incognito_mode" android:id="@+id/incognito_mode"
android:layout_width="match_parent" android:layout_width="match_parent"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:background="@color/md_grey_800" android:background="?attr/incognitoBackgroundColor"
android:visibility="gone" android:visibility="gone"
tools:visibility="visible"> tools:visibility="visible">

View File

@ -40,7 +40,7 @@
android:id="@+id/incognito_mode" android:id="@+id/incognito_mode"
android:layout_width="match_parent" android:layout_width="match_parent"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:background="@color/md_grey_800" android:background="?attr/incognitoBackgroundColor"
android:visibility="gone" android:visibility="gone"
tools:visibility="visible"> tools:visibility="visible">

View File

@ -14,7 +14,18 @@
<color name="color_on_primary_greenapple">@color/md_black_1000</color> <color name="color_on_primary_greenapple">@color/md_black_1000</color>
<color name="ripple_colored_greenapple">#1F48E484</color> <color name="ripple_colored_greenapple">#1F48E484</color>
<!-- Yin Yang Theme --> <!-- Tako Theme -->
<color name="accent_tako">#F3B375</color>
<color name="color_on_primary_tako">#242431</color>
<color name="tertiary_tako">@color/color_on_primary_tako</color>
<color name="color_on_tertiary_tako">@color/accent_tako</color>
<color name="ripple_colored_tako">#1FF3B375</color>
<color name="surface_tako">#2A2A3C</color>
<color name="background_tako">#21212E</color>
<color name="incognito_background_tako">#17171C</color>
<color name="filter_tako">@color/accent_tako</color>
<!-- Yin & Yang Theme -->
<color name="accent_yinyang">#FFFFFF</color> <color name="accent_yinyang">#FFFFFF</color>
<color name="color_on_secondary_yinyang">#000000</color> <color name="color_on_secondary_yinyang">#000000</color>
<color name="ripple_colored_yinyang">#777777</color> <color name="ripple_colored_yinyang">#777777</color>

View File

@ -1,17 +1,9 @@
<?xml version="1.0" encoding="utf-8"?> <?xml version="1.0" encoding="utf-8"?>
<resources> <resources>
<!--== AMOLED theme overlay ==--> <!--== Midnight Dusk Theme ==-->
<style name="ThemeOverlay.Tachiyomi.Amoled" parent="">
<item name="colorSurface">@color/surface_amoled</item>
<item name="android:colorBackground">@color/background_amoled</item>
<item name="android:divider">@color/divider_amoled</item>
<item name="colorFilterActive">@color/filter_dark</item>
</style>
<!--== Midnight Dusk theme ==-->
<style name="Theme.Tachiyomi.MidnightDusk"> <style name="Theme.Tachiyomi.MidnightDusk">
<!-- Theme colors --> <!-- Theme Colors -->
<item name="colorPrimary">@color/accent_midnightdusk</item> <item name="colorPrimary">@color/accent_midnightdusk</item>
<item name="colorTertiary">@color/md_blue_A400</item> <item name="colorTertiary">@color/md_blue_A400</item>
<item name="colorControlHighlight">@color/ripple_colored_midnightdusk</item> <item name="colorControlHighlight">@color/ripple_colored_midnightdusk</item>
@ -19,4 +11,15 @@
<item name="android:colorBackground">@color/background_midnightdusk</item> <item name="android:colorBackground">@color/background_midnightdusk</item>
</style> </style>
<!--== AMOLED Mode Overlay ==-->
<style name="ThemeOverlay.Tachiyomi.Amoled" parent="">
<!-- Theme Colors -->
<item name="colorSurface">@color/surface_amoled</item>
<item name="android:colorBackground">@color/background_amoled</item>
<item name="android:divider">@color/divider_amoled</item>
<!-- Custom Attributes-->
<item name="colorFilterActive">@color/filter_dark</item>
</style>
</resources> </resources>

View File

@ -32,6 +32,9 @@
<attr name="lightSystemBarsOnPrimary" format="reference|boolean"/> <attr name="lightSystemBarsOnPrimary" format="reference|boolean"/>
<!-- Custom color for incognito mode bar -->
<attr name="incognitoBackgroundColor" format="reference|integer"/>
<!-- Setting chip color values for specific themes --> <!-- Setting chip color values for specific themes -->
<attr name="chipTextColor" format="reference|integer"/> <attr name="chipTextColor" format="reference|integer"/>

View File

@ -13,32 +13,43 @@
<color name="accent_blue">#54759E</color> <color name="accent_blue">#54759E</color>
<color name="ripple_colored_blue">#1F54759E</color> <color name="ripple_colored_blue">#1F54759E</color>
<!-- Strawberry Daiquiri Theme -->
<color name="accent_strawberry">#ED4A65</color>
<color name="ripple_colored_strawberry">#1FED4A65</color>
<!-- Yotsuba Theme -->
<color name="accent_yotsuba">#FC8C5C</color>
<color name="ripple_colored_yotsuba">#1FFC8C5C</color>
<!-- Green Apple Theme --> <!-- Green Apple Theme -->
<color name="accent_greenapple">#188140</color> <color name="accent_greenapple">#188140</color>
<color name="color_on_primary_greenapple">@color/md_white_1000</color> <color name="color_on_primary_greenapple">@color/md_white_1000</color>
<color name="ripple_colored_greenapple">#1F188140</color> <color name="ripple_colored_greenapple">#1F188140</color>
<!-- Yin Yang Theme -->
<color name="accent_yinyang">#000000</color>
<color name="color_on_secondary_yinyang">#FFFFFF</color>
<color name="ripple_colored_yinyang">#999999</color>
<color name="chip_text_yinyang">#000000</color>
<!-- Midnight Dusk Theme --> <!-- Midnight Dusk Theme -->
<color name="accent_midnightdusk">#F02475</color> <color name="accent_midnightdusk">#F02475</color>
<color name="background_midnightdusk">#16151D</color> <color name="background_midnightdusk">#16151D</color>
<color name="surface_midnightdusk">#201F27</color> <color name="surface_midnightdusk">#201F27</color>
<color name="ripple_colored_midnightdusk">#1FF02475</color> <color name="ripple_colored_midnightdusk">#1FF02475</color>
<!-- AMOLED Theme --> <!-- Strawberry Daiquiri Theme -->
<color name="accent_strawberry">#ED4A65</color>
<color name="ripple_colored_strawberry">#1FED4A65</color>
<!-- Tako Theme -->
<color name="accent_tako">#66577E</color>
<color name="color_on_primary_tako">#F3B375</color>
<color name="tertiary_tako">@color/color_on_primary_tako</color>
<color name="color_on_tertiary_tako">#574360</color>
<color name="ripple_colored_tako">#1F66577E</color>
<color name="surface_tako">#F7F5FF</color>
<color name="background_tako">#F2EDF7</color>
<color name="incognito_background_tako">@color/accent_tako</color>
<color name="filter_tako">#F29940</color>
<!-- Yin & Yang Theme -->
<color name="accent_yinyang">#000000</color>
<color name="color_on_secondary_yinyang">#FFFFFF</color>
<color name="ripple_colored_yinyang">#999999</color>
<color name="chip_text_yinyang">#000000</color>
<!-- Yotsuba Theme -->
<color name="accent_yotsuba">#FC8C5C</color>
<color name="ripple_colored_yotsuba">#1FFC8C5C</color>
<!-- AMOLED Mode -->
<color name="divider_amoled">@android:color/transparent</color> <color name="divider_amoled">@android:color/transparent</color>
<color name="surface_amoled">#000001</color> <color name="surface_amoled">#000001</color>
<color name="background_amoled">#000000</color> <color name="background_amoled">#000000</color>
@ -88,7 +99,7 @@
<color name="green">#47a84a</color> <color name="green">#47a84a</color>
<!-- Navigation overlay colors --> <!-- Navigation Overlay Colors -->
<color name="navigation_next">#CB84E296</color> <color name="navigation_next">#CB84E296</color>
<color name="navigation_prev">#CCFF7733</color> <color name="navigation_prev">#CCFF7733</color>
<color name="navigation_menu">#CC95818D</color> <color name="navigation_menu">#CC95818D</color>

View File

@ -148,12 +148,13 @@
<string name="theme_dark">On</string> <string name="theme_dark">On</string>
<string name="pref_app_theme">App theme</string> <string name="pref_app_theme">App theme</string>
<string name="theme_default">Default</string> <string name="theme_default">Default</string>
<string name="theme_strawberrydaiquiri">Strawberry Daiquiri</string>
<string name="theme_yotsuba">Yotsuba</string>
<string name="theme_blue">Blue</string> <string name="theme_blue">Blue</string>
<string name="theme_greenapple">Green Apple</string> <string name="theme_greenapple">Green Apple</string>
<string name="theme_yinyang">Yin &amp; Yang</string>
<string name="theme_midnightdusk">Midnight Dusk</string> <string name="theme_midnightdusk">Midnight Dusk</string>
<string name="theme_strawberrydaiquiri">Strawberry Daiquiri</string>
<string name="theme_tako">Tako</string>
<string name="theme_yinyang">Yin &amp; Yang</string>
<string name="theme_yotsuba">Yotsuba</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_start_screen">Start screen</string> <string name="pref_start_screen">Start screen</string>
<string name="pref_language">Language</string> <string name="pref_language">Language</string>

View File

@ -5,12 +5,12 @@
<!-- Base Theme --> <!-- Base Theme -->
<!--============--> <!--============-->
<!--== Theme base ==--> <!--== Theme Base ==-->
<style name="Base.Theme.Tachiyomi" parent="Theme.MaterialComponents.DayNight.NoActionBar"> <style name="Base.Theme.Tachiyomi" parent="Theme.MaterialComponents.DayNight.NoActionBar">
<!-- Disallow "Force dark theme" --> <!-- Disallow "Force dark theme" -->
<item name="android:forceDarkAllowed" tools:targetApi="Q">false</item> <item name="android:forceDarkAllowed" tools:targetApi="Q">false</item>
<!-- Theme colors --> <!-- Theme Colors -->
<item name="colorPrimary">@color/accent_default</item> <item name="colorPrimary">@color/accent_default</item>
<item name="colorPrimaryVariant">?attr/colorPrimary</item> <item name="colorPrimaryVariant">?attr/colorPrimary</item>
<item name="colorOnPrimary">@color/md_white_1000</item> <item name="colorOnPrimary">@color/md_white_1000</item>
@ -30,7 +30,7 @@
<item name="colorControlHighlight">@color/ripple_colored_default</item> <item name="colorControlHighlight">@color/ripple_colored_default</item>
<item name="rippleColorToolbar">?attr/colorControlHighlight</item> <item name="rippleColorToolbar">?attr/colorControlHighlight</item>
<!-- Handles RTL text --> <!-- Handles RTL Text -->
<item name="android:textAlignment">gravity</item> <item name="android:textAlignment">gravity</item>
<item name="android:textDirection">locale</item> <item name="android:textDirection">locale</item>
@ -53,6 +53,7 @@
<item name="toolbarNavigationButtonStyle">@style/Widget.Tachiyomi.Toolbar.Button.Navigation</item> <item name="toolbarNavigationButtonStyle">@style/Widget.Tachiyomi.Toolbar.Button.Navigation</item>
<item name="preferenceTheme">@style/PreferenceThemeOverlay</item> <item name="preferenceTheme">@style/PreferenceThemeOverlay</item>
<item name="bottomSheetDialogTheme">@style/ThemeOverlay.Tachiyomi.BottomSheetDialog</item> <item name="bottomSheetDialogTheme">@style/ThemeOverlay.Tachiyomi.BottomSheetDialog</item>
<item name="incognitoBackgroundColor">@color/md_grey_800</item>
<item name="chipStyle">@style/Widget.Tachiyomi.Chip.Action</item> <item name="chipStyle">@style/Widget.Tachiyomi.Chip.Action</item>
<item name="chipTextColor">?android:attr/textColorPrimary</item> <item name="chipTextColor">?android:attr/textColorPrimary</item>
<item name="chipBackgroundColor">?attr/colorControlHighlight</item> <item name="chipBackgroundColor">?attr/colorControlHighlight</item>
@ -71,33 +72,19 @@
<item name="colorFilterActive">@color/filter_light</item> <item name="colorFilterActive">@color/filter_light</item>
</style> </style>
<!--== Default Theme ==-->
<style name="Theme.Tachiyomi" parent="Base.Theme.Tachiyomi" /> <style name="Theme.Tachiyomi" parent="Base.Theme.Tachiyomi" />
<!--== Blue Theme ==-->
<style name="Theme.Tachiyomi.Blue"> <style name="Theme.Tachiyomi.Blue">
<!-- Theme colors --> <!-- Theme Colors -->
<item name="colorPrimary">@color/accent_blue</item> <item name="colorPrimary">@color/accent_blue</item>
<item name="colorControlHighlight">@color/ripple_colored_blue</item> <item name="colorControlHighlight">@color/ripple_colored_blue</item>
</style> </style>
<!--== Strawberry Daiquiri theme ==--> <!--== Green Apple Theme ==-->
<style name="Theme.Tachiyomi.StrawberryDaiquiri">
<!-- Theme colors -->
<item name="colorPrimary">@color/accent_strawberry</item>
<item name="colorTertiary">@color/md_blue_A400</item>
<item name="colorControlHighlight">@color/ripple_colored_strawberry</item>
</style>
<!--== Yotsuba theme ==-->
<style name="Theme.Tachiyomi.Yotsuba">
<!-- Theme colors -->
<item name="colorPrimary">@color/accent_yotsuba</item>
<item name="colorTertiary">@color/md_blue_A400</item>
<item name="colorControlHighlight">@color/ripple_colored_yotsuba</item>
</style>
<!--== Green Apple theme ==-->
<style name="Theme.Tachiyomi.GreenApple"> <style name="Theme.Tachiyomi.GreenApple">
<!-- Theme colors --> <!-- Theme Colors -->
<item name="colorPrimary">@color/accent_greenapple</item> <item name="colorPrimary">@color/accent_greenapple</item>
<item name="colorOnPrimary">@color/color_on_primary_greenapple</item> <item name="colorOnPrimary">@color/color_on_primary_greenapple</item>
<item name="colorTertiary">@color/md_blue_A400</item> <item name="colorTertiary">@color/md_blue_A400</item>
@ -105,9 +92,43 @@
<item name="lightSystemBarsOnPrimary">true</item> <item name="lightSystemBarsOnPrimary">true</item>
</style> </style>
<!--== Yin Yang theme ==--> <!--== Midnight Dusk Theme ==-->
<style name="Theme.Tachiyomi.MidnightDusk">
<!-- Theme Colors -->
<item name="colorPrimary">@color/accent_midnightdusk</item>
<item name="colorTertiary">@color/md_blue_A400</item>
<item name="colorControlHighlight">@color/ripple_colored_midnightdusk</item>
</style>
<!--== Strawberry Daiquiri Theme ==-->
<style name="Theme.Tachiyomi.StrawberryDaiquiri">
<!-- Theme Colors -->
<item name="colorPrimary">@color/accent_strawberry</item>
<item name="colorTertiary">@color/md_blue_A400</item>
<item name="colorControlHighlight">@color/ripple_colored_strawberry</item>
</style>
<!--== Tako Theme ==-->
<style name="Theme.Tachiyomi.Tako">
<!-- Theme Colors -->
<item name="colorPrimary">@color/accent_tako</item>
<item name="colorOnPrimary">@color/color_on_primary_tako</item>
<item name="colorTertiary">@color/tertiary_tako</item>
<item name="colorOnTertiary">@color/color_on_tertiary_tako</item>
<item name="colorControlHighlight">@color/ripple_colored_tako</item>
<item name="colorSurface">@color/surface_tako</item>
<item name="android:colorBackground">@color/background_tako</item>
<!-- Themes -->
<item name="incognitoBackgroundColor">@color/incognito_background_tako</item>
<!-- Custom Attributes-->
<item name="colorFilterActive">@color/filter_tako</item>
</style>
<!--== Yin & Yang Theme ==-->
<style name="Theme.Tachiyomi.YinYang"> <style name="Theme.Tachiyomi.YinYang">
<!-- Theme colors --> <!-- Theme Colors -->
<item name="colorPrimary">@color/accent_yinyang</item> <item name="colorPrimary">@color/accent_yinyang</item>
<item name="colorOnPrimary">@color/color_on_secondary_yinyang</item> <item name="colorOnPrimary">@color/color_on_secondary_yinyang</item>
<item name="colorOnSecondary">@color/color_on_secondary_yinyang</item> <item name="colorOnSecondary">@color/color_on_secondary_yinyang</item>
@ -120,18 +141,18 @@
<item name="chipBackgroundColor">@color/accent_yinyang</item> <item name="chipBackgroundColor">@color/accent_yinyang</item>
</style> </style>
<!--== Midnight Dusk theme ==--> <!--== Yotsuba Theme ==-->
<style name="Theme.Tachiyomi.MidnightDusk"> <style name="Theme.Tachiyomi.Yotsuba">
<!-- Theme colors --> <!-- Theme Colors -->
<item name="colorPrimary">@color/accent_midnightdusk</item> <item name="colorPrimary">@color/accent_yotsuba</item>
<item name="colorTertiary">@color/md_blue_A400</item> <item name="colorTertiary">@color/md_blue_A400</item>
<item name="colorControlHighlight">@color/ripple_colored_midnightdusk</item> <item name="colorControlHighlight">@color/ripple_colored_yotsuba</item>
</style> </style>
<!--== AMOLED theme overlay ==--> <!--== AMOLED Mode Overlay ==-->
<style name="ThemeOverlay.Tachiyomi.Amoled" parent="" /> <style name="ThemeOverlay.Tachiyomi.Amoled" parent="" />
<!--== Colored bars (toolbar-navbar-navrail) theme overlay ==--> <!--== Colored Bars (toolbar-navbar-navrail) Mode Overlay ==-->
<style name="ThemeOverlay.Tachiyomi.ColoredBars" parent=""> <style name="ThemeOverlay.Tachiyomi.ColoredBars" parent="">
<item name="colorToolbar">?attr/colorPrimary</item> <item name="colorToolbar">?attr/colorPrimary</item>
<item name="colorOnToolbar">?attr/colorOnPrimary</item> <item name="colorOnToolbar">?attr/colorOnPrimary</item>
@ -160,7 +181,7 @@
<!-- Launch Screen --> <!-- Launch Screen -->
<!--===============--> <!--===============-->
<!--== Splash theme ==--> <!--== Splash Theme ==-->
<style name="Theme.Splash" parent="Theme.Tachiyomi"> <style name="Theme.Splash" parent="Theme.Tachiyomi">
<item name="android:windowBackground">@drawable/splash_background</item> <item name="android:windowBackground">@drawable/splash_background</item>
<item name="android:statusBarColor">@android:color/transparent</item> <item name="android:statusBarColor">@android:color/transparent</item>