Skip to content

Instantly share code, notes, and snippets.

@eyecatchup
Last active June 27, 2021 23:18
Show Gist options
  • Save eyecatchup/b5e564cfe11619cc3999 to your computer and use it in GitHub Desktop.
Save eyecatchup/b5e564cfe11619cc3999 to your computer and use it in GitHub Desktop.
Android L Material Color Specs
<?xml version="1.0" encoding="utf-8"?>
<!-- Copyright (C) 2014 The Android Open Source Project
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
-->
<!-- Colors specific to Material themes.
Taken from: sdk/platforms/android-L/data/res/values/colors_material.xml -->
<resources>
<color name="background_material_dark">#ff212121</color>
<color name="background_material_light">#fffafafa</color>
<color name="ripple_material_light">#20444444</color>
<color name="ripple_material_dark">#20ffffff</color>
<color name="button_material_dark">#ff5a595b</color>
<color name="button_material_light">#ffd6d7d7</color>
<color name="bright_foreground_material_dark">@color/white</color>
<color name="bright_foreground_material_light">@color/black</color>
<color name="bright_foreground_disabled_material_dark">#80ffffff</color> <!-- White 50% -->
<color name="bright_foreground_disabled_material_light">#80000000</color> <!-- Black 50% -->
<color name="bright_foreground_inverse_material_dark">@color/bright_foreground_material_light</color>
<color name="bright_foreground_inverse_material_light">@color/bright_foreground_material_dark</color>
<color name="dim_foreground_material_dark">#ffbebebe</color>
<color name="dim_foreground_material_light">#ff323232</color>
<color name="dim_foreground_disabled_material_dark">#80bebebe</color>
<color name="dim_foreground_disabled_material_light">#80323232</color>
<color name="hint_foreground_material_dark">#80ffffff</color>
<color name="hint_foreground_material_light">#80000000</color>
<color name="highlighted_text_material_dark">#6640c4ff</color> <!-- TODO: This is 40% alpha on the default accent color. -->
<color name="highlighted_text_material_light">#6640c4ff</color> <!-- TODO: This is 40% alpha on the default accent color. -->
<!-- Text & foreground colors -->
<color name="primary_text_default_material_light">#de000000</color> <!-- Black 87% -->
<color name="secondary_text_material_light">#8a000000</color> <!-- Black 54% -->
<color name="tertiary_text_material_light">#8a000000</color> <!-- Black 54% (TODO: same as secondary?) -->
<color name="primary_text_default_material_dark">#deffffff</color> <!-- White 87% -->
<color name="secondary_text_material_dark">#61ffffff</color> <!-- White 38% -->
<color name="tertiary_text_material_dark">#61ffffff</color> <!-- White 38% (TODO: same as secondary?) -->
<!-- Primary & accent colors -->
<color name="material_red_100">#fff4c7c3</color>
<color name="material_red_300">#ffe67c73</color>
<color name="material_red_500">#ffdb4437</color>
<color name="material_red_700">#ffc53929</color>
<color name="material_red_A200">#ffff5252</color>
<color name="material_red_A400">#ffff1744</color>
<color name="material_blue_100">#ffc6dafc</color>
<color name="material_blue_300">#ff7baaf7</color>
<color name="material_blue_500">#ff4285f4</color>
<color name="material_blue_700">#ff3367d6</color>
<color name="material_blue_A200">#ff448aff</color>
<color name="material_blue_A400">#ff2979ff</color>
<color name="material_light_blue_A200">#ff40c4ff</color>
<color name="material_teal_100">#ffb2ebf2</color>
<color name="material_teal_300">#ff4dd0e1</color>
<color name="material_teal_500">#ff00bcd4</color>
<color name="material_teal_700">#ff0097a7</color>
<color name="material_teal_A200">#ff18ffff</color>
<color name="material_teal_A400">#ff00e5ff</color>
<color name="material_dark_teal_A400">#ff009688</color> <!-- Accent color used by Settings -->
<color name="material_green_100">#ffb7e1cd</color>
<color name="material_green_300">#ff57bb8a</color>
<color name="material_green_500">#ff0f9d58</color>
<color name="material_green_700">#ff0b8043</color>
<color name="material_green_A200">#ff69f0ae</color>
<color name="material_green_A400">#ff00e676</color>
<color name="material_lime_100">#fff0f4c3</color>
<color name="material_lime_300">#ffdce775</color>
<color name="material_lime_500">#ffcddc39</color>
<color name="material_lime_700">#ffafb42b</color>
<color name="material_lime_A200">#ffeeff41</color>
<color name="material_lime_A400">#ffc6ff00</color>
<color name="material_yellow_100">#fffce8b2</color>
<color name="material_yellow_300">#fff7cb4d</color>
<color name="material_yellow_500">#fff4b400</color>
<color name="material_yellow_700">#fff09300</color>
<color name="material_yellow_A200">#ffffcd40</color>
<color name="material_yellow_A400">#ffffbc00</color>
<color name="material_orange_100">#ffffe0b2</color>
<color name="material_orange_300">#ffffb74d</color>
<color name="material_orange_500">#ffff9800</color>
<color name="material_orange_700">#fff57c00</color>
<color name="material_orange_A200">#ffffab40</color>
<color name="material_orange_A400">#ffff9100</color>
<color name="material_deep_orange_100">#fff4c7c3</color>
<color name="material_deep_orange_300">#ffe67c73</color>
<color name="material_deep_orange_500">#ffff5722</color>
<color name="material_deep_orange_700">#ffc53929</color>
<color name="material_deep_orange_A200">#ffff5252</color>
<color name="material_deep_orange_A400">#ffff1744</color>
<!-- Neutral colors -->
<color name="material_grey_50">#fffafafa</color>
<color name="material_grey_100">#fff5f5f5</color>
<color name="material_grey_300">#ffeeeeee</color>
<color name="material_grey_500">#ffa3a3a3</color>
<color name="material_grey_600">#ff757575</color>
<color name="material_grey_700">#ff717171</color>
<color name="material_grey_900">#ff212121</color>
<color name="material_blue_grey_50">#ffeceff1</color>
<color name="material_blue_grey_100">#ffcfd8dc</color>
<color name="material_blue_grey_300">#ff90a4ae</color>
<color name="material_blue_grey_400">#ff78909c</color>
<color name="material_blue_grey_500">#ff607d8b</color>
<color name="material_blue_grey_600">#ff546e7a</color>
<color name="material_blue_grey_700">#ff455a64</color>
<color name="material_blue_grey_800">#ff37474f</color>
<color name="material_blue_grey_900">#ff263238</color> <!-- Primary color used by Settings -->
<color name="material_blue_grey_950">#ff21272b</color> <!-- Primary dark color used by Settings -->
<color name="material_brown_100">#ffd7ccc8</color>
<color name="material_brown_300">#ffa1887f</color>
<color name="material_brown_500">#ff795548</color>
<color name="material_brown_700">#ff5d4037</color>
</resources>
@tal32123
Copy link

tal32123 commented Nov 6, 2016

How do I use this? it says resource is not public when I try to reference using android:textColor="@android:color/primary_text_default_material_light"

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment