wbrawner/thunderbird-android
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add K-9 tonal palette for Material 3 and update colors

Browse source
This commit is contained in:
Wolf-Martell Montwé 2024-02-12 12:46:40 +01:00
parent cafc7bbf25
commit 6ed3ec4806
No known key found for this signature in database
GPG key ID: 6D45B21512ACBF72
2 changed files with 200 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

98
app/core/src/main/res/values/k9_tonal_palette.xml Normal file
View file

@ -0,0 +1,98 @@
<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="k9_primary_000">#000000</color>
<color name="k9_primary_010">#3F001B</color>
<color name="k9_primary_020">#5E112F</color>
<color name="k9_primary_030">#7B2946</color>
<color name="k9_primary_040">#99405D</color>
<color name="k9_primary_050">#B75876</color>
<color name="k9_primary_060">#D6718F</color>
<color name="k9_primary_070">#F68BAA</color>
<color name="k9_primary_080">#FFB1C5</color>
<color name="k9_primary_090">#FFD9E1</color>
<color name="k9_primary_095">#FFECEF</color>
<color name="k9_primary_099">#FFFBFF</color>
<color name="k9_primary_100">#FFFFFF</color>
<color name="k9_secondary_000">#000000</color>
<color name="k9_secondary_010">#2B151B</color>
<color name="k9_secondary_020">#422930</color>
<color name="k9_secondary_030">#5B3F46</color>
<color name="k9_secondary_040">#74565E</color>
<color name="k9_secondary_050">#8F6F76</color>
<color name="k9_secondary_060">#AA8890</color>
<color name="k9_secondary_070">#C6A2AA</color>
<color name="k9_secondary_080">#E3BDC5</color>
<color name="k9_secondary_090">#FFD9E1</color>
<color name="k9_secondary_095">#FFECEF</color>
<color name="k9_secondary_099">#FFFBFF</color>
<color name="k9_secondary_100">#FFFFFF</color>
<color name="k9_tertiary_000">#000000</color>
<color name="k9_tertiary_010">#260059</color>
<color name="k9_tertiary_020">#3C1D70</color>
<color name="k9_tertiary_030">#533688</color>
<color name="k9_tertiary_040">#6B4EA2</color>
<color name="k9_tertiary_050">#8567BD</color>
<color name="k9_tertiary_060">#9F81D9</color>
<color name="k9_tertiary_070">#BA9CF6</color>
<color name="k9_tertiary_080">#D3BBFF</color>
<color name="k9_tertiary_090">#EBDDFF</color>
<color name="k9_tertiary_095">#F7EDFF</color>
<color name="k9_tertiary_099">#FFFBFF</color>
<color name="k9_tertiary_100">#FFFFFF</color>
<color name="k9_error_000">#000000</color>
<color name="k9_error_010">#410002</color>
<color name="k9_error_020">#690005</color>
<color name="k9_error_030">#93000A</color>
<color name="k9_error_040">#BA1A1A</color>
<color name="k9_error_050">#DE3730</color>
<color name="k9_error_060">#FF5449</color>
<color name="k9_error_070">#FF897D</color>
<color name="k9_error_080">#FFB4AB</color>
<color name="k9_error_090">#FFDAD6</color>
<color name="k9_error_095">#FFEDEA</color>
<color name="k9_error_099">#FFFBFF</color>
<color name="k9_error_100">#FFFFFF</color>
<color name="k9_neutral_000">#000000</color>
<color name="k9_neutral_004">#120D0E</color>
<color name="k9_neutral_006">#171213</color>
<color name="k9_neutral_010">#201A1B</color>
<color name="k9_neutral_012">#241E1F</color>
<color name="k9_neutral_017">#2F282A</color>
<color name="k9_neutral_020">#352F30</color>
<color name="k9_neutral_022">#3A3334</color>
<color name="k9_neutral_024">#3E3739</color>
<color name="k9_neutral_030">#4C4546</color>
<color name="k9_neutral_040">#655C5E</color>
<color name="k9_neutral_050">#7E7576</color>
<color name="k9_neutral_060">#988E90</color>
<color name="k9_neutral_070">#B3A9AA</color>
<color name="k9_neutral_080">#CFC4C5</color>
<color name="k9_neutral_087">#E3D7D8</color>
<color name="k9_neutral_090">#ECE0E1</color>
<color name="k9_neutral_092">#F1E5E6</color>
<color name="k9_neutral_094">#F7EBEC</color>
<color name="k9_neutral_095">#FAEEEF</color>
<color name="k9_neutral_096">#FDF1F2</color>
<color name="k9_neutral_098">#FFF8F8</color>
<color name="k9_neutral_099">#FFFBFF</color>
<color name="k9_neutral_100">#FFFFFF</color>
<color name="k9_neutral_variant_000">#000000</color>
<color name="k9_neutral_variant_010">#24191B</color>
<color name="k9_neutral_variant_020">#3A2D30</color>
<color name="k9_neutral_variant_030">#514346</color>
<color name="k9_neutral_variant_040">#6A5A5E</color>
<color name="k9_neutral_variant_050">#847376</color>
<color name="k9_neutral_variant_060">#9E8C90</color>
<color name="k9_neutral_variant_070">#BAA7AA</color>
<color name="k9_neutral_variant_080">#D6C2C5</color>
<color name="k9_neutral_variant_090">#F3DDE1</color>
<color name="k9_neutral_variant_095">#FFECEF</color>
<color name="k9_neutral_variant_099">#FFFBFF</color>
<color name="k9_neutral_variant_100">#FFFFFF</color>
</resources>

111
app/ui/legacy/src/main/res/values/themes.xml
View file

@ -10,15 +10,61 @@
<style name="Theme.K9.Dark.Base" parent="Theme.Material3.Dark.NoActionBar" />
<style name="Theme.K9.Light.Common" parent="Theme.K9.Light.Base">
<!-- Colors -->
<item name="colorPrimary">@color/k9_primary_040</item>
<item name="colorOnPrimary">@color/k9_primary_100</item>
<item name="colorPrimaryInverse">@color/k9_primary_080</item>
<item name="colorPrimaryContainer">@color/k9_primary_090</item>
<item name="colorOnPrimaryContainer">@color/k9_primary_010</item>
<item name="colorPrimaryFixed">@color/k9_primary_090</item>
<item name="colorPrimaryFixedDim">@color/k9_primary_080</item>
<item name="colorOnPrimaryFixed">@color/k9_primary_010</item>
<item name="colorOnPrimaryFixedVariant">@color/k9_primary_030</item>
<item name="colorSecondary">@color/k9_secondary_040</item>
<item name="colorOnSecondary">@color/k9_secondary_100</item>
<item name="colorSecondaryContainer">@color/k9_secondary_090</item>
<item name="colorOnSecondaryContainer">@color/k9_secondary_010</item>
<item name="colorSecondaryFixed">@color/k9_secondary_090</item>
<item name="colorSecondaryFixedDim">@color/k9_secondary_080</item>
<item name="colorOnSecondaryFixed">@color/k9_secondary_010</item>
<item name="colorOnSecondaryFixedVariant">@color/k9_secondary_030</item>
<item name="colorTertiary">@color/k9_tertiary_040</item>
<item name="colorOnTertiary">@color/k9_tertiary_100</item>
<item name="colorTertiaryContainer">@color/k9_tertiary_090</item>
<item name="colorOnTertiaryContainer">@color/k9_tertiary_010</item>
<item name="colorTertiaryFixed">@color/k9_tertiary_090</item>
<item name="colorTertiaryFixedDim">@color/k9_tertiary_080</item>
<item name="colorOnTertiaryFixed">@color/k9_tertiary_010</item>
<item name="colorOnTertiaryFixedVariant">@color/k9_tertiary_030</item>
<item name="android:colorBackground">@color/k9_neutral_099</item>
<item name="colorOnBackground">@color/k9_neutral_010</item>
<item name="colorSurface">@color/k9_neutral_098</item>
<item name="colorOnSurface">@color/k9_neutral_010</item>
<item name="colorSurfaceVariant">@color/k9_neutral_variant_090</item>
<item name="colorOnSurfaceVariant">@color/k9_neutral_variant_030</item>
<item name="colorSurfaceInverse">@color/k9_neutral_020</item>
<item name="colorOnSurfaceInverse">@color/k9_neutral_095</item>
<item name="colorSurfaceBright">@color/k9_neutral_098</item>
<item name="colorSurfaceDim">@color/k9_neutral_087</item>
<item name="colorSurfaceContainer">@color/k9_neutral_094</item>
<item name="colorSurfaceContainerLow">@color/k9_neutral_096</item>
<item name="colorSurfaceContainerHigh">@color/k9_neutral_092</item>
<item name="colorSurfaceContainerLowest">@color/k9_neutral_100</item>
<item name="colorSurfaceContainerHighest">@color/k9_neutral_090</item>
<item name="colorOutline">@color/k9_neutral_variant_050</item>
<item name="colorOutlineVariant">@color/k9_neutral_variant_080</item>
<item name="colorError">@color/k9_error_040</item>
<item name="colorOnError">@color/k9_error_100</item>
<item name="colorErrorContainer">@color/k9_error_090</item>
<item name="colorOnErrorContainer">@color/k9_error_010</item>
// Legacy styles
<item name="windowActionModeOverlay">true</item>
<item name="toolbarColor">@color/material_gray_100</item>
<item name="colorPrimary">@color/material_gray_800</item>
<item name="colorPrimaryVariant">@color/material_gray_700</item>
<item name="colorSecondary">@color/material_pink_500</item>
<item name="colorSecondaryVariant">@color/material_pink_300</item>
<item name="colorOnSecondary">#ffffff</item>
<item name="messageHeaderBackground">@color/material_gray_200</item>
<item name="extraMessageHeaderBackground">@color/material_gray_100</item>
<item name="bottomBarBackground">@color/material_gray_50</item>
@ -167,22 +213,69 @@
</style>
<style name="Theme.K9.Light" parent="Theme.K9.Light.Common">
<item name="android:statusBarColor">#000000</item>
<item name="android:statusBarColor">#000000</item> // FIXME
</style>
<style name="Theme.K9.Dark" parent="Theme.K9.Dark.Common">
<item name="android:statusBarColor">#000000</item>
<item name="android:statusBarColor">#000000</item> // FIXME
</style>
<style name="Theme.K9.Dark.Common" parent="Theme.K9.Dark.Base">
<item name="android:navigationBarColor">#000000</item>
<item name="windowActionModeOverlay">true</item>
<!-- Colors -->
<item name="colorPrimary">@color/k9_primary_080</item>
<item name="colorOnPrimary">@color/k9_primary_020</item>
<item name="colorPrimaryInverse">@color/k9_primary_040</item>
<item name="colorPrimaryContainer">@color/k9_primary_030</item>
<item name="colorOnPrimaryContainer">@color/k9_primary_090</item>
<item name="colorPrimaryFixed">@color/k9_primary_090</item>
<item name="colorPrimaryFixedDim">@color/k9_primary_080</item>
<item name="colorOnPrimaryFixed">@color/k9_primary_010</item>
<item name="colorOnPrimaryFixedVariant">@color/k9_primary_030</item>
<item name="colorSecondary">@color/k9_secondary_080</item>
<item name="colorOnSecondary">@color/k9_secondary_020</item>
<item name="colorSecondaryContainer">@color/k9_secondary_030</item>
<item name="colorOnSecondaryContainer">@color/k9_secondary_090</item>
<item name="colorSecondaryFixed">@color/k9_secondary_090</item>
<item name="colorSecondaryFixedDim">@color/k9_secondary_080</item>
<item name="colorOnSecondaryFixed">@color/k9_secondary_010</item>
<item name="colorOnSecondaryFixedVariant">@color/k9_secondary_030</item>
<item name="colorTertiary">@color/k9_tertiary_080</item>
<item name="colorOnTertiary">@color/k9_tertiary_020</item>
<item name="colorTertiaryContainer">@color/k9_tertiary_030</item>
<item name="colorOnTertiaryContainer">@color/k9_tertiary_090</item>
<item name="colorTertiaryFixed">@color/k9_tertiary_090</item>
<item name="colorTertiaryFixedDim">@color/k9_tertiary_080</item>
<item name="colorOnTertiaryFixed">@color/k9_tertiary_010</item>
<item name="colorOnTertiaryFixedVariant">@color/k9_tertiary_030</item>
<item name="android:colorBackground">@color/k9_neutral_010</item>
<item name="colorOnBackground">@color/k9_neutral_090</item>
<item name="colorSurface">@color/k9_neutral_006</item>
<item name="colorOnSurface">@color/k9_neutral_090</item>
<item name="colorSurfaceVariant">@color/k9_neutral_variant_030</item>
<item name="colorOnSurfaceVariant">@color/k9_neutral_variant_080</item>
<item name="colorSurfaceInverse">@color/k9_neutral_090</item>
<item name="colorOnSurfaceInverse">@color/k9_neutral_020</item>
<item name="colorSurfaceBright">@color/k9_neutral_024</item>
<item name="colorSurfaceDim">@color/k9_neutral_006</item>
<item name="colorSurfaceContainer">@color/k9_neutral_012</item>
<item name="colorSurfaceContainerLow">@color/k9_neutral_010</item>
<item name="colorSurfaceContainerHigh">@color/k9_neutral_017</item>
<item name="colorSurfaceContainerLowest">@color/k9_neutral_004</item>
<item name="colorSurfaceContainerHighest">@color/k9_neutral_022</item>
<item name="colorOutline">@color/k9_neutral_variant_060</item>
<item name="colorOutlineVariant">@color/k9_neutral_variant_030</item>
<item name="colorError">@color/k9_error_080</item>
<item name="colorOnError">@color/k9_error_020</item>
<item name="colorErrorContainer">@color/k9_error_030</item>
<item name="colorOnErrorContainer">@color/k9_error_090</item>
// Legacy styles
<item name="windowActionModeOverlay">true</item>
<item name="android:navigationBarColor">#000000</item>
<item name="toolbarColor">@color/material_gray_900</item>
<item name="colorPrimary">@color/material_gray_100</item>
<item name="colorPrimaryVariant">@color/material_gray_50</item>
<item name="colorSecondary">@color/material_pink_300</item>
<item name="colorSecondaryVariant">@color/material_pink_500</item>
<item name="messageHeaderBackground">@color/material_gray_900</item>
<item name="extraMessageHeaderBackground">@color/material_gray_900</item>