Tweak Teal & Turquoise color for new M3 (#6268)

* Tweak Teal & Turquoise color for new M3

* capitalize

* tweak elevationOverlayColor

* more tweak
This commit is contained in:
Riztard Lanthorn 2021-11-25 05:38:17 +07:00 committed by GitHub
parent 6cfd2c510b
commit e6f29ae57f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 49 additions and 64 deletions

View File

@ -1,36 +1,27 @@
<?xml version="1.0" encoding="utf-8"?>
<!--
~ Colors for Teal & Turquoise theme
~ Original color scheme by Riztard
~ M3 colors generated by Material Theme Builder (https://goo.gle/material-theme-builder-web)
~
~ Key colors:
~ Primary #008080
~ Secondary #008080
~ Tertiary #FF7F7F
~ Neutral #5B5F5F
-->
<resources>
<color name="tealturquoise_primary">#4DDADA</color>
<color name="tealturquoise_onPrimary">#003738</color>
<color name="tealturquoise_primaryContainer">#004F50</color>
<color name="tealturquoise_onPrimaryContainer">#6EF6F6</color>
<color name="tealturquoise_secondary">#4DDADA</color>
<color name="tealturquoise_onSecondary">#003738</color>
<color name="tealturquoise_secondaryContainer">#004F50</color>
<color name="tealturquoise_onSecondaryContainer">#6EF6F6</color>
<color name="tealturquoise_tertiary">#FFB3B1</color>
<color name="tealturquoise_onTertiary">#640914</color>
<color name="tealturquoise_tertiaryContainer">#842328</color>
<color name="tealturquoise_onTertiaryContainer">#FFDAD7</color>
<color name="tealturquoise_background">#191C1C</color>
<color name="tealturquoise_onBackground">#E0E3E2</color>
<color name="tealturquoise_surface">#191C1C</color>
<color name="tealturquoise_onSurface">#E0E3E2</color>
<color name="tealturquoise_surfaceVariant">#3F4848</color>
<color name="tealturquoise_onSurfaceVariant">#BEC9C8</color>
<color name="tealturquoise_outline">#889392</color>
<color name="tealturquoise_inverseOnSurface">#191C1C</color>
<color name="tealturquoise_inverseSurface">#E0E3E2</color>
<color name="tealturquoise_primaryInverse">#006A6A</color>
<color name="tealturquoise_primary">#40E0D0</color>
<color name="tealturquoise_onPrimary">#000000</color>
<color name="tealturquoise_primaryContainer">#40E0D0</color>
<color name="tealturquoise_onPrimaryContainer">#000000</color>
<color name="tealturquoise_secondary">#40E0D0</color>
<color name="tealturquoise_onSecondary">#000000</color>
<color name="tealturquoise_secondaryContainer">#18544E</color>
<color name="tealturquoise_onSecondaryContainer">#40E0D0</color>
<color name="tealturquoise_tertiary">#BF1F2F</color>
<color name="tealturquoise_onTertiary">#FFFFFF</color>
<color name="tealturquoise_tertiaryContainer">#200508</color>
<color name="tealturquoise_onTertiaryContainer">#BF1F2F</color>
<color name="tealturquoise_background">#202125</color>
<color name="tealturquoise_onBackground">#DFDEDA</color>
<color name="tealturquoise_surface">#202125</color>
<color name="tealturquoise_onSurface">#DFDEDA</color>
<color name="tealturquoise_surfaceVariant">#3F4947</color>
<color name="tealturquoise_onSurfaceVariant">#DFDEDA</color>
<color name="tealturquoise_outline">#899391</color>
<color name="tealturquoise_inverseOnSurface">#202125</color>
<color name="tealturquoise_inverseSurface">#DFDEDA</color>
<color name="tealturquoise_primaryInverse">#008080</color>
<color name="tealturquoise_elevationOverlay">#18544E</color>
</resources>

View File

@ -1,36 +1,27 @@
<?xml version="1.0" encoding="utf-8"?>
<!--
~ Colors for Teal & Turquoise theme
~ Original color scheme by Riztard
~ M3 colors generated by Material Theme Builder (https://goo.gle/material-theme-builder-web)
~
~ Key colors:
~ Primary #008080
~ Secondary #008080
~ Tertiary #FF7F7F
~ Neutral #5B5F5F
-->
<resources>
<color name="tealturquoise_primary">#006A6A</color>
<color name="tealturquoise_primary">#008080</color>
<color name="tealturquoise_onPrimary">#FFFFFF</color>
<color name="tealturquoise_primaryContainer">#6EF6F6</color>
<color name="tealturquoise_onPrimaryContainer">#002020</color>
<color name="tealturquoise_secondary">#006A6A</color>
<color name="tealturquoise_primaryContainer">#008080</color>
<color name="tealturquoise_onPrimaryContainer">#FFFFFF</color>
<color name="tealturquoise_secondary">#008080</color>
<color name="tealturquoise_onSecondary">#FFFFFF</color>
<color name="tealturquoise_secondaryContainer">#6EF6F6</color>
<color name="tealturquoise_onSecondaryContainer">#002020</color>
<color name="tealturquoise_tertiary">#A33A3D</color>
<color name="tealturquoise_onTertiary">#FFFFFF</color>
<color name="tealturquoise_tertiaryContainer">#FFDAD7</color>
<color name="tealturquoise_onTertiaryContainer">#410006</color>
<color name="tealturquoise_background">#FAFDFC</color>
<color name="tealturquoise_onBackground">#191C1C</color>
<color name="tealturquoise_surface">#FAFDFC</color>
<color name="tealturquoise_onSurface">#191C1C</color>
<color name="tealturquoise_surfaceVariant">#DAE5E4</color>
<color name="tealturquoise_onSurfaceVariant">#3F4848</color>
<color name="tealturquoise_outline">#6F7978</color>
<color name="tealturquoise_inverseOnSurface">#EFF1F0</color>
<color name="tealturquoise_inverseSurface">#2D3131</color>
<color name="tealturquoise_primaryInverse">#4DDADA</color>
<color name="tealturquoise_secondaryContainer">#BFDFDF</color>
<color name="tealturquoise_onSecondaryContainer">#008080</color>
<color name="tealturquoise_tertiary">#FF7F7F</color>
<color name="tealturquoise_onTertiary">#000000</color>
<color name="tealturquoise_tertiaryContainer">#2A1616</color>
<color name="tealturquoise_onTertiaryContainer">#FF7F7F</color>
<color name="tealturquoise_background">#FAFAFA</color>
<color name="tealturquoise_onBackground">#050505</color>
<color name="tealturquoise_surface">#FAFAFA</color>
<color name="tealturquoise_onSurface">#050505</color>
<color name="tealturquoise_surfaceVariant">#DAE5E2</color>
<color name="tealturquoise_onSurfaceVariant">#050505</color>
<color name="tealturquoise_outline">#6F7977</color>
<color name="tealturquoise_inverseOnSurface">#FAFAFA</color>
<color name="tealturquoise_inverseSurface">#050505</color>
<color name="tealturquoise_primaryInverse">#40E0D0</color>
<color name="tealturquoise_elevationOverlay">#BFDFDF</color>
</resources>

View File

@ -235,6 +235,9 @@
<item name="colorOnSurfaceInverse">@color/tealturquoise_inverseOnSurface</item>
<item name="colorSurfaceInverse">@color/tealturquoise_inverseSurface</item>
<item name="colorPrimaryInverse">@color/tealturquoise_primaryInverse</item>
<item name="colorError">@color/tealturquoise_tertiary</item>
<item name="colorOnError">@color/tealturquoise_onTertiary</item>
<item name="elevationOverlayColor">@color/tealturquoise_elevationOverlay</item>
</style>
<!--== Yin & Yang Theme ==-->