Skip to content

Commit

Permalink
Update Java-Layout sample app theme to new brand
Browse files Browse the repository at this point in the history
  • Loading branch information
mahmoud-elmorabea committed Oct 15, 2024
1 parent 2cad68b commit fd4a491
Show file tree
Hide file tree
Showing 4 changed files with 379 additions and 119 deletions.
143 changes: 143 additions & 0 deletions samples/java_layout/src/main/res/values-night/colors.xml
Original file line number Diff line number Diff line change
@@ -0,0 +1,143 @@
<resources>
<color name="md_theme_primary">#A6CDD4</color>
<color name="md_theme_onPrimary">#0C363C</color>
<color name="md_theme_primaryContainer">#002C32</color>
<color name="md_theme_onPrimaryContainer">#93B9C0</color>
<color name="md_theme_secondary">#FFFFFF</color>
<color name="md_theme_onSecondary">#213615</color>
<color name="md_theme_secondaryContainer">#C2DDAE</color>
<color name="md_theme_onSecondaryContainer">#304523</color>
<color name="md_theme_tertiary">#D5BFE0</color>
<color name="md_theme_onTertiary">#392A44</color>
<color name="md_theme_tertiaryContainer">#30223B</color>
<color name="md_theme_onTertiaryContainer">#C1ACCD</color>
<color name="md_theme_error">#FFB4AB</color>
<color name="md_theme_onError">#690005</color>
<color name="md_theme_errorContainer">#93000A</color>
<color name="md_theme_onErrorContainer">#FFDAD6</color>
<color name="md_theme_background">#121414</color>
<color name="md_theme_onBackground">#E2E2E2</color>
<color name="md_theme_surface">#121414</color>
<color name="md_theme_onSurface">#E2E2E2</color>
<color name="md_theme_surfaceVariant">#414849</color>
<color name="md_theme_onSurfaceVariant">#C1C8C9</color>
<color name="md_theme_outline">#8B9293</color>
<color name="md_theme_outlineVariant">#414849</color>
<color name="md_theme_scrim">#000000</color>
<color name="md_theme_inverseSurface">#E2E2E2</color>
<color name="md_theme_inverseOnSurface">#2F3131</color>
<color name="md_theme_inversePrimary">#3F646B</color>
<color name="md_theme_primaryFixed">#C2E9F1</color>
<color name="md_theme_onPrimaryFixed">#001F24</color>
<color name="md_theme_primaryFixedDim">#A6CDD4</color>
<color name="md_theme_onPrimaryFixedVariant">#264C52</color>
<color name="md_theme_secondaryFixed">#D0EBBB</color>
<color name="md_theme_onSecondaryFixed">#0D2003</color>
<color name="md_theme_secondaryFixedDim">#B5CEA1</color>
<color name="md_theme_onSecondaryFixedVariant">#374D29</color>
<color name="md_theme_tertiaryFixed">#F1DBFD</color>
<color name="md_theme_onTertiaryFixed">#24162E</color>
<color name="md_theme_tertiaryFixedDim">#D5BFE0</color>
<color name="md_theme_onTertiaryFixedVariant">#51415C</color>
<color name="md_theme_surfaceDim">#121414</color>
<color name="md_theme_surfaceBright">#38393A</color>
<color name="md_theme_surfaceContainerLowest">#0D0E0F</color>
<color name="md_theme_surfaceContainerLow">#1A1C1C</color>
<color name="md_theme_surfaceContainer">#1E2020</color>
<color name="md_theme_surfaceContainerHigh">#282A2B</color>
<color name="md_theme_surfaceContainerHighest">#333535</color>
<color name="md_theme_primary_mediumContrast">#AAD1D9</color>
<color name="md_theme_onPrimary_mediumContrast">#001A1E</color>
<color name="md_theme_primaryContainer_mediumContrast">#71979E</color>
<color name="md_theme_onPrimaryContainer_mediumContrast">#000000</color>
<color name="md_theme_secondary_mediumContrast">#FFFFFF</color>
<color name="md_theme_onSecondary_mediumContrast">#213615</color>
<color name="md_theme_secondaryContainer_mediumContrast">#C2DDAE</color>
<color name="md_theme_onSecondaryContainer_mediumContrast">#112406</color>
<color name="md_theme_tertiary_mediumContrast">#D9C3E5</color>
<color name="md_theme_onTertiary_mediumContrast">#1E1029</color>
<color name="md_theme_tertiaryContainer_mediumContrast">#9D8AA9</color>
<color name="md_theme_onTertiaryContainer_mediumContrast">#000000</color>
<color name="md_theme_error_mediumContrast">#FFBAB1</color>
<color name="md_theme_onError_mediumContrast">#370001</color>
<color name="md_theme_errorContainer_mediumContrast">#FF5449</color>
<color name="md_theme_onErrorContainer_mediumContrast">#000000</color>
<color name="md_theme_background_mediumContrast">#121414</color>
<color name="md_theme_onBackground_mediumContrast">#E2E2E2</color>
<color name="md_theme_surface_mediumContrast">#121414</color>
<color name="md_theme_onSurface_mediumContrast">#FBFBFB</color>
<color name="md_theme_surfaceVariant_mediumContrast">#414849</color>
<color name="md_theme_onSurfaceVariant_mediumContrast">#C5CCCD</color>
<color name="md_theme_outline_mediumContrast">#9DA4A6</color>
<color name="md_theme_outlineVariant_mediumContrast">#7D8486</color>
<color name="md_theme_scrim_mediumContrast">#000000</color>
<color name="md_theme_inverseSurface_mediumContrast">#E2E2E2</color>
<color name="md_theme_inverseOnSurface_mediumContrast">#282A2B</color>
<color name="md_theme_inversePrimary_mediumContrast">#284D54</color>
<color name="md_theme_primaryFixed_mediumContrast">#C2E9F1</color>
<color name="md_theme_onPrimaryFixed_mediumContrast">#001417</color>
<color name="md_theme_primaryFixedDim_mediumContrast">#A6CDD4</color>
<color name="md_theme_onPrimaryFixedVariant_mediumContrast">#133B41</color>
<color name="md_theme_secondaryFixed_mediumContrast">#D0EBBB</color>
<color name="md_theme_onSecondaryFixed_mediumContrast">#041500</color>
<color name="md_theme_secondaryFixedDim_mediumContrast">#B5CEA1</color>
<color name="md_theme_onSecondaryFixedVariant_mediumContrast">#273C1A</color>
<color name="md_theme_tertiaryFixed_mediumContrast">#F1DBFD</color>
<color name="md_theme_onTertiaryFixed_mediumContrast">#190B23</color>
<color name="md_theme_tertiaryFixedDim_mediumContrast">#D5BFE0</color>
<color name="md_theme_onTertiaryFixedVariant_mediumContrast">#3F304B</color>
<color name="md_theme_surfaceDim_mediumContrast">#121414</color>
<color name="md_theme_surfaceBright_mediumContrast">#38393A</color>
<color name="md_theme_surfaceContainerLowest_mediumContrast">#0D0E0F</color>
<color name="md_theme_surfaceContainerLow_mediumContrast">#1A1C1C</color>
<color name="md_theme_surfaceContainer_mediumContrast">#1E2020</color>
<color name="md_theme_surfaceContainerHigh_mediumContrast">#282A2B</color>
<color name="md_theme_surfaceContainerHighest_mediumContrast">#333535</color>
<color name="md_theme_primary_highContrast">#F1FDFF</color>
<color name="md_theme_onPrimary_highContrast">#000000</color>
<color name="md_theme_primaryContainer_highContrast">#AAD1D9</color>
<color name="md_theme_onPrimaryContainer_highContrast">#000000</color>
<color name="md_theme_secondary_highContrast">#FFFFFF</color>
<color name="md_theme_onSecondary_highContrast">#000000</color>
<color name="md_theme_secondaryContainer_highContrast">#C2DDAE</color>
<color name="md_theme_onSecondaryContainer_highContrast">#000000</color>
<color name="md_theme_tertiary_highContrast">#FFF9FB</color>
<color name="md_theme_onTertiary_highContrast">#000000</color>
<color name="md_theme_tertiaryContainer_highContrast">#D9C3E5</color>
<color name="md_theme_onTertiaryContainer_highContrast">#000000</color>
<color name="md_theme_error_highContrast">#FFF9F9</color>
<color name="md_theme_onError_highContrast">#000000</color>
<color name="md_theme_errorContainer_highContrast">#FFBAB1</color>
<color name="md_theme_onErrorContainer_highContrast">#000000</color>
<color name="md_theme_background_highContrast">#121414</color>
<color name="md_theme_onBackground_highContrast">#E2E2E2</color>
<color name="md_theme_surface_highContrast">#121414</color>
<color name="md_theme_onSurface_highContrast">#FFFFFF</color>
<color name="md_theme_surfaceVariant_highContrast">#414849</color>
<color name="md_theme_onSurfaceVariant_highContrast">#F5FCFD</color>
<color name="md_theme_outline_highContrast">#C5CCCD</color>
<color name="md_theme_outlineVariant_highContrast">#C5CCCD</color>
<color name="md_theme_scrim_highContrast">#000000</color>
<color name="md_theme_inverseSurface_highContrast">#E2E2E2</color>
<color name="md_theme_inverseOnSurface_highContrast">#000000</color>
<color name="md_theme_inversePrimary_highContrast">#032F35</color>
<color name="md_theme_primaryFixed_highContrast">#C6EEF5</color>
<color name="md_theme_onPrimaryFixed_highContrast">#000000</color>
<color name="md_theme_primaryFixedDim_highContrast">#AAD1D9</color>
<color name="md_theme_onPrimaryFixedVariant_highContrast">#001A1E</color>
<color name="md_theme_secondaryFixed_highContrast">#D4EFBF</color>
<color name="md_theme_onSecondaryFixed_highContrast">#000000</color>
<color name="md_theme_secondaryFixedDim_highContrast">#B9D3A5</color>
<color name="md_theme_onSecondaryFixedVariant_highContrast">#071B01</color>
<color name="md_theme_tertiaryFixed_highContrast">#F5E0FF</color>
<color name="md_theme_onTertiaryFixed_highContrast">#000000</color>
<color name="md_theme_tertiaryFixedDim_highContrast">#D9C3E5</color>
<color name="md_theme_onTertiaryFixedVariant_highContrast">#1E1029</color>
<color name="md_theme_surfaceDim_highContrast">#121414</color>
<color name="md_theme_surfaceBright_highContrast">#38393A</color>
<color name="md_theme_surfaceContainerLowest_highContrast">#0D0E0F</color>
<color name="md_theme_surfaceContainerLow_highContrast">#1A1C1C</color>
<color name="md_theme_surfaceContainer_highContrast">#1E2020</color>
<color name="md_theme_surfaceContainerHigh_highContrast">#282A2B</color>
<color name="md_theme_surfaceContainerHighest_highContrast">#333535</color>
</resources>
73 changes: 46 additions & 27 deletions samples/java_layout/src/main/res/values-night/themes.xml
Original file line number Diff line number Diff line change
@@ -1,31 +1,50 @@
<resources>
<!-- Base application material3 theme -->
<style name="Theme.SampleApp.Base" parent="Theme.Material3.Dark.NoActionBar">
<item name="colorPrimary">@color/md_theme_dark_primary</item>
<item name="colorOnPrimary">@color/md_theme_dark_onPrimary</item>
<item name="colorPrimaryContainer">@color/md_theme_dark_primaryContainer</item>
<item name="colorOnPrimaryContainer">@color/md_theme_dark_onPrimaryContainer</item>
<item name="colorSecondary">@color/md_theme_dark_secondary</item>
<item name="colorOnSecondary">@color/md_theme_dark_onSecondary</item>
<item name="colorSecondaryContainer">@color/md_theme_dark_secondaryContainer</item>
<item name="colorOnSecondaryContainer">@color/md_theme_dark_onSecondaryContainer</item>
<item name="colorTertiary">@color/md_theme_dark_tertiary</item>
<item name="colorOnTertiary">@color/md_theme_dark_onTertiary</item>
<item name="colorTertiaryContainer">@color/md_theme_dark_tertiaryContainer</item>
<item name="colorOnTertiaryContainer">@color/md_theme_dark_onTertiaryContainer</item>
<item name="colorError">@color/md_theme_dark_error</item>
<item name="colorErrorContainer">@color/md_theme_dark_errorContainer</item>
<item name="colorOnError">@color/md_theme_dark_onError</item>
<item name="colorOnErrorContainer">@color/md_theme_dark_onErrorContainer</item>
<item name="android:colorBackground">@color/md_theme_dark_background</item>
<item name="colorOnBackground">@color/md_theme_dark_onBackground</item>
<item name="colorSurface">@color/md_theme_dark_surface</item>
<item name="colorOnSurface">@color/md_theme_dark_onSurface</item>
<item name="colorSurfaceVariant">@color/md_theme_dark_surfaceVariant</item>
<item name="colorOnSurfaceVariant">@color/md_theme_dark_onSurfaceVariant</item>
<item name="colorOutline">@color/md_theme_dark_outline</item>
<item name="colorOnSurfaceInverse">@color/md_theme_dark_inverseOnSurface</item>
<item name="colorSurfaceInverse">@color/md_theme_dark_inverseSurface</item>
<item name="colorPrimaryInverse">@color/md_theme_dark_inversePrimary</item>
<item name="colorPrimary">@color/md_theme_primary</item>
<item name="colorOnPrimary">@color/md_theme_onPrimary</item>
<item name="colorPrimaryContainer">@color/md_theme_primaryContainer</item>
<item name="colorOnPrimaryContainer">@color/md_theme_onPrimaryContainer</item>
<item name="colorSecondary">@color/md_theme_secondary</item>
<item name="colorOnSecondary">@color/md_theme_onSecondary</item>
<item name="colorSecondaryContainer">@color/md_theme_secondaryContainer</item>
<item name="colorOnSecondaryContainer">@color/md_theme_onSecondaryContainer</item>
<item name="colorTertiary">@color/md_theme_tertiary</item>
<item name="colorOnTertiary">@color/md_theme_onTertiary</item>
<item name="colorTertiaryContainer">@color/md_theme_tertiaryContainer</item>
<item name="colorOnTertiaryContainer">@color/md_theme_onTertiaryContainer</item>
<item name="colorError">@color/md_theme_error</item>
<item name="colorOnError">@color/md_theme_onError</item>
<item name="colorErrorContainer">@color/md_theme_errorContainer</item>
<item name="colorOnErrorContainer">@color/md_theme_onErrorContainer</item>
<item name="android:colorBackground">@color/md_theme_background</item>
<item name="colorOnBackground">@color/md_theme_onBackground</item>
<item name="colorSurface">@color/md_theme_surface</item>
<item name="colorOnSurface">@color/md_theme_onSurface</item>
<item name="colorSurfaceVariant">@color/md_theme_surfaceVariant</item>
<item name="colorOnSurfaceVariant">@color/md_theme_onSurfaceVariant</item>
<item name="colorOutline">@color/md_theme_outline</item>
<item name="colorOutlineVariant">@color/md_theme_outlineVariant</item>
<item name="colorSurfaceInverse">@color/md_theme_inverseSurface</item>
<item name="colorOnSurfaceInverse">@color/md_theme_inverseOnSurface</item>
<item name="colorPrimaryInverse">@color/md_theme_inversePrimary</item>
<item name="colorPrimaryFixed">@color/md_theme_primaryFixed</item>
<item name="colorOnPrimaryFixed">@color/md_theme_onPrimaryFixed</item>
<item name="colorPrimaryFixedDim">@color/md_theme_primaryFixedDim</item>
<item name="colorOnPrimaryFixedVariant">@color/md_theme_onPrimaryFixedVariant</item>
<item name="colorSecondaryFixed">@color/md_theme_secondaryFixed</item>
<item name="colorOnSecondaryFixed">@color/md_theme_onSecondaryFixed</item>
<item name="colorSecondaryFixedDim">@color/md_theme_secondaryFixedDim</item>
<item name="colorOnSecondaryFixedVariant">@color/md_theme_onSecondaryFixedVariant</item>
<item name="colorTertiaryFixed">@color/md_theme_tertiaryFixed</item>
<item name="colorOnTertiaryFixed">@color/md_theme_onTertiaryFixed</item>
<item name="colorTertiaryFixedDim">@color/md_theme_tertiaryFixedDim</item>
<item name="colorOnTertiaryFixedVariant">@color/md_theme_onTertiaryFixedVariant</item>
<item name="colorSurfaceDim">@color/md_theme_surfaceDim</item>
<item name="colorSurfaceBright">@color/md_theme_surfaceBright</item>
<item name="colorSurfaceContainerLowest">@color/md_theme_surfaceContainerLowest</item>
<item name="colorSurfaceContainerLow">@color/md_theme_surfaceContainerLow</item>
<item name="colorSurfaceContainer">@color/md_theme_surfaceContainer</item>
<item name="colorSurfaceContainerHigh">@color/md_theme_surfaceContainerHigh</item>
<item name="colorSurfaceContainerHighest">@color/md_theme_surfaceContainerHighest</item>
</style>
</resources>
Loading

0 comments on commit fd4a491

Please sign in to comment.