Skip to content

Instantly share code, notes, and snippets.

@webserveis
Forked from eyecatchup/colors_material.xml
Created July 2, 2018 15:15
Show Gist options
  • Select an option

  • Save webserveis/85e4a2c019b03a3836cafc0a7e0edcdd to your computer and use it in GitHub Desktop.

Select an option

Save webserveis/85e4a2c019b03a3836cafc0a7e0edcdd 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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment