mirror of
https://github.com/topjohnwu/Magisk.git
synced 2025-01-06 09:37:41 +00:00
132 lines
5.7 KiB
XML
132 lines
5.7 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
|
<resources>
|
|
|
|
<!--
|
|
# Theme guide
|
|
|
|
This should provide all the information you need to create new !color! themes.
|
|
|
|
## Inheritance
|
|
|
|
You might want to inherit default values from "base" theme. You can do so implicitly by just
|
|
writing `<style name="ThemeFoundationMD2.MySuperAwesomeTheme" parent="ThemeFoundationMD2.Piplup">`.
|
|
With this approach you can only change values you (don't) like - such as `colorPrimary` or
|
|
`colorSecondary`.
|
|
|
|
## Day / Night ? How do I define both in one theme?
|
|
|
|
Define Theme here for "Day" theme and in `values-night` directory define theme with same name
|
|
and parent if applicable. The framework will automatically switch between day/night themes based
|
|
on user's requested configuration. (Always light, Always dark, Follow system)
|
|
|
|
You might choose to define only "Day" theme with Dark colors to have dark theme regardless.
|
|
That's super lazy approach and is discouraged but the framework permits it.
|
|
|
|
## What to theme
|
|
|
|
Generally I'd suggest theming only `colorPrimary`, `colorSecondary` and their variants. Make
|
|
sure that text is readable if displayed on primary or secondary color!
|
|
|
|
You can check that very easily by visiting https://www.colorhexa.com/. After you put in your
|
|
color hex, you can scroll down to "Preview" where it will compute whether dark/bright text
|
|
should be displayed on top of it. Then you must edit respective `colorOn...`.
|
|
|
|
Also check "Color Blindness Simulator". Primary and secondary colors must not match or be
|
|
similar in type. Text on color must have enough contrast so it can be read by everyone!
|
|
|
|
!! Themes that will not satisfy these requirements will be promptly deleted without further
|
|
!! notice. In repeated attempts to push such themes you will be automatically blacklisted.
|
|
-->
|
|
|
|
<style name="ThemeFoundationMD2" parent="Foundation.Default" />
|
|
|
|
<!--1st party themes-->
|
|
|
|
<style name="ThemeFoundationMD2.Piplup">
|
|
<item name="colorPrimary">#4EAFF5</item>
|
|
<item name="colorPrimaryVariant">#804EAFF5</item>
|
|
<item name="colorSecondary">#3E78AF</item>
|
|
<item name="colorSecondaryVariant">#803E78AF</item>
|
|
<item name="colorSurface">#F9F9F9</item>
|
|
<item name="colorSurfaceVariant">#EEEEEE</item>
|
|
<item name="colorSurfaceSurfaceVariant">?colorSurface</item>
|
|
<item name="colorOnPrimary">#F9F9F9</item>
|
|
<item name="colorOnPrimaryVariant">#D9E6E6E6</item>
|
|
<item name="colorOnSecondary">#F9F9F9</item>
|
|
<item name="colorOnBackground">?colorOnSurface</item>
|
|
<item name="colorError">#CC0047</item>
|
|
<item name="colorOnError">#F9F9F9</item>
|
|
<item name="colorOnSurface">#444444</item>
|
|
<item name="colorOnSurfaceVariant">#BF444444</item>
|
|
<item name="colorDisabled">#808080</item>
|
|
<item name="colorDisabledVariant">#66808080</item>
|
|
</style>
|
|
|
|
<style name="ThemeFoundationMD2.Amoled" parent="ThemeFoundationMD2.Piplup">
|
|
<item name="colorSurface">#FFF</item>
|
|
<item name="colorOnPrimary">#FFF</item>
|
|
<item name="colorOnSecondary">#FFF</item>
|
|
<item name="colorOnBackground">#FFF</item>
|
|
<item name="colorOnError">#FFF</item>
|
|
</style>
|
|
|
|
<style name="ThemeFoundationMD2.Rayquaza" parent="ThemeFoundationMD2.Piplup">
|
|
<item name="colorPrimary">#68A17F</item>
|
|
<item name="colorPrimaryVariant">#8068A17F</item>
|
|
<item name="colorSecondary">#2F6D43</item>
|
|
<item name="colorSecondaryVariant">#802F6D43</item>
|
|
</style>
|
|
|
|
<style name="ThemeFoundationMD2.Zapdos.Base" parent="ThemeFoundationMD2.Piplup">
|
|
<item name="colorSecondary">#B29667</item>
|
|
<item name="colorSecondaryVariant">#80B29667</item>
|
|
<item name="colorOnPrimary">#000000</item>
|
|
<item name="colorOnPrimaryVariant">#D9222222</item>
|
|
</style>
|
|
|
|
<style name="ThemeFoundationMD2.Zapdos" parent="ThemeFoundationMD2.Zapdos.Base">
|
|
<item name="colorPrimary">#F2B90D</item>
|
|
<item name="colorPrimaryVariant">#80F2B90D</item>
|
|
</style>
|
|
|
|
<style name="ThemeFoundationMD2.Charmeleon" parent="ThemeFoundationMD2.Piplup">
|
|
<item name="colorPrimary">#DB7366</item>
|
|
<item name="colorPrimaryVariant">#80DB7366</item>
|
|
<item name="colorSecondary">#B65247</item>
|
|
<item name="colorSecondaryVariant">#80B65247</item>
|
|
<item name="colorOnPrimary">#000000</item>
|
|
<item name="colorOnPrimaryVariant">#D9222222</item>
|
|
</style>
|
|
|
|
<style name="ThemeFoundationMD2.Mew.Base" parent="ThemeFoundationMD2.Piplup">
|
|
<item name="colorSecondary">#B5889B</item>
|
|
<item name="colorSecondaryVariant">#80B5889B</item>
|
|
</style>
|
|
|
|
<style name="ThemeFoundationMD2.Mew" parent="ThemeFoundationMD2.Mew.Base">
|
|
<item name="colorPrimary">#B3566C</item>
|
|
<item name="colorPrimaryVariant">#80B3566C</item>
|
|
<item name="colorOnPrimary">#F9F9F9</item>
|
|
<item name="colorOnPrimaryVariant">#D9E6E6E6</item>
|
|
</style>
|
|
|
|
<style name="ThemeFoundationMD2.Salamence" parent="ThemeFoundationMD2.Piplup">
|
|
<item name="colorPrimary">#70B2C6</item>
|
|
<item name="colorPrimaryVariant">#8070B2C6</item>
|
|
<item name="colorSecondary">#C06A75</item>
|
|
<item name="colorSecondaryVariant">#80C06A75</item>
|
|
<item name="colorOnPrimary">#000000</item>
|
|
<item name="colorOnPrimaryVariant">#D9222222</item>
|
|
</style>
|
|
|
|
<style name="ThemeFoundationMD2.Fraxure" parent="ThemeFoundationMD2.Amoled">
|
|
<item name="colorPrimary">#009688</item>
|
|
<item name="colorPrimaryVariant">#8000796B</item>
|
|
<item name="colorSecondary">?colorError</item>
|
|
<item name="colorSecondaryVariant">#806D1111</item>
|
|
</style>
|
|
|
|
<!--3rd party themes-->
|
|
|
|
</resources>
|