diff options
Diffstat (limited to 'mobile/android/android-components/components/ui/colors/src/main/res/values/photon_colors.xml')
| -rw-r--r-- | mobile/android/android-components/components/ui/colors/src/main/res/values/photon_colors.xml | 219 |
1 files changed, 219 insertions, 0 deletions
diff --git a/mobile/android/android-components/components/ui/colors/src/main/res/values/photon_colors.xml b/mobile/android/android-components/components/ui/colors/src/main/res/values/photon_colors.xml new file mode 100644 index 0000000000..c873639d17 --- /dev/null +++ b/mobile/android/android-components/components/ui/colors/src/main/res/values/photon_colors.xml @@ -0,0 +1,219 @@ +<?xml version="1.0" encoding="utf-8"?> +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<resources xmlns:tools="http://schemas.android.com/tools" tools:ignore="UnusedResources"> + <!-- + Firefox colors are bold, vibrant and attractive. They enhance the experience by providing + visual clues and by bringing attention to primary actions. + + The color palette includes primary and secondary colors that can be used for interfaces and illustrations. + + https://design.firefox.com/photon/visuals/color.html + --> + + <!-- + Blue + Firefox Blue is one of our primary colors. We use blue as accent color for highlighting buttons, links and active states like the current tab in Firefox for desktop. + --> + <color name="photonBlue05">#ffaaf2ff</color> + <color name="photonBlue10">#ff80ebff</color> + <color name="photonBlue20">#ff00ddff</color> + <color name="photonBlue30">#ff00b3f4</color> + <color name="photonBlue40">#ff0090ed</color> + <color name="photonBlue50">#ff0060df</color> + <color name="photonBlue50A44">#700060df</color> + <color name="photonBlue50A80">#cc0060df</color> + <color name="photonBlue60">#ff0250bb</color> + <color name="photonBlue70">#ff054096</color> + <color name="photonBlue80">#ff073072</color> + <color name="photonBlue90">#ff09204d</color> + + <!-- + Magenta + Firefox Magenta is one of our primary colors. We currently have no common usage for it. + + In the future, Magenta should be redefined into Pink wherever possible. + --> + <color name="photonMagenta50">#ffff1ad9</color> + <color name="photonMagenta60">#ffed00b5</color> + <color name="photonMagenta70">#ffb5007f</color> + <color name="photonMagenta80">#ff7d004f</color> + <color name="photonMagenta90">#ff440027</color> + + <!-- Pink --> + <color name="photonPink05">#ffffdef0</color> + <color name="photonPink10">#ffffb4db</color> + <color name="photonPink20">#ffff8ac5</color> + <color name="photonPink30">#ffff6bba</color> + <color name="photonPink40">#ffff4aa2</color> + <color name="photonPink50">#ffff298a</color> + <color name="photonPink60">#ffe21587</color> + <color name="photonPink70">#ffc60084</color> + <color name="photonPink70A69">#b0c60084</color> + <color name="photonPink80">#ff7f145b</color> + <color name="photonPink90">#ff50134b</color> + + <!-- Green --> + <color name="photonGreen05">#ffe3fff3</color> + <color name="photonGreen10">#ffd1ffee</color> + <color name="photonGreen20">#ffb3ffe3</color> + <color name="photonGreen30">#ff87ffd1</color> + <color name="photonGreen40">#ff54ffbd</color> + <color name="photonGreen50">#ff3fe1b0</color> + <color name="photonGreen60">#ff2ac3a2</color> + <color name="photonGreen70">#ff008787</color> + <color name="photonGreen80">#ff005e5e</color> + <color name="photonGreen90">#ff08403f</color> + + <!-- Red --> + <color name="photonRed05">#ffffdfe7</color> + <color name="photonRed10">#ffffbdc5</color> + <color name="photonRed20">#ffff9aa2</color> + <color name="photonRed30">#ffff848b</color> + <color name="photonRed40">#ffff6a75</color> + <color name="photonRed50">#ffff4f5e</color> + <color name="photonRed60">#ffe22850</color> + <color name="photonRed70">#ffc50042</color> + <color name="photonRed80">#ff810220</color> + <color name="photonRed90">#ff440306</color> + + <!-- Yellow --> + <color name="photonYellow05">#ffffffcc</color> + <color name="photonYellow10">#ffffff98</color> + <color name="photonYellow20">#ffffea80</color> + <color name="photonYellow30">#ffffd567</color> + <color name="photonYellow40">#ffffbd4f</color> + <color name="photonYellow40A41">#69ffbd4f</color> + <color name="photonYellow50">#ffffa436</color> + <color name="photonYellow60">#ffe27f2e</color> + <color name="photonYellow60A40">#66e27f2e</color> + <color name="photonYellow70">#ffc45a27</color> + <color name="photonYellow70A77">#c4c45a27</color> + <color name="photonYellow80">#ffa7341f</color> + <color name="photonYellow90">#ff960e18</color> + + <!-- + Teal + Teal is a colour palette that we no longer use. + --> + <color name="photonTeal50">#00feff</color> + <color name="photonTeal60">#00c8d7</color> + <color name="photonTeal70">#008ea4</color> + <color name="photonTeal80">#005a71</color> + <color name="photonTeal90">#002d3e</color> + + <!-- Purple --> + <color name="photonPurple05">#fff7e2ff</color> + <color name="photonPurple10">#fff6b8ff</color> + <color name="photonPurple20">#fff68fff</color> + <color name="photonPurple30">#fff770ff</color> + <color name="photonPurple40">#ffd74cf0</color> + <color name="photonPurple50">#ffb833e1</color> + <color name="photonPurple60">#ff952bb9</color> + <color name="photonPurple70">#ff722291</color> + <color name="photonPurple80">#ff4e1a69</color> + <color name="photonPurple90">#ff2b1141</color> + + <!-- Orange --> + <color name="photonOrange05">#fffff4de</color> + <color name="photonOrange10">#ffffd5b2</color> + <color name="photonOrange20">#ffffb587</color> + <color name="photonOrange30">#ffffa266</color> + <color name="photonOrange40">#ffff8a50</color> + <color name="photonOrange50">#ffff7139</color> + <color name="photonOrange60">#ffe25920</color> + <color name="photonOrange70">#ffcc3d00</color> + <color name="photonOrange80">#ff9e280b</color> + <color name="photonOrange90">#ff7c1504</color> + + <!-- Ink --> + <color name="photonInk05">#ff393473</color> + <color name="photonInk10">#ff342f6d</color> + <color name="photonInk20">#ff312a64</color> + <color name="photonInk20A48">#7A312a64</color> + <color name="photonInk20A50">#80312A64</color> + <color name="photonInk30">#ff2e255d</color> + <color name="photonInk40">#ff2b2156</color> + <color name="photonInk50">#ff291d4f</color> + <color name="photonInk60">#ff271948</color> + <color name="photonInk70">#ff241541</color> + <color name="photonInk80">#ff20123a</color> + <color name="photonInk80A96">#f520123a</color> + <color name="photonInk90">#ff1d1133</color> + + <!-- + Grey + Grey is a colour palette that we no longer use. + In the future, Grey should be redefined into LightGrey and DarkGrey wherever possible. + --> + <color name="photonGrey10">#f9f9fa</color> + <color name="photonGrey20">#ededf0</color> + <color name="photonGrey30">#d7d7db</color> + <color name="photonGrey40">#b1b1b3</color> + <color name="photonGrey50">#737373</color> + <color name="photonGrey60">#4a4a4f</color> + <color name="photonGrey70">#38383d</color> + <color name="photonGrey80">#2a2a2e</color> + <color name="photonGrey90">#0c0c0d</color> + + <!-- Light Grey --> + <color name="photonLightGrey05">#fffbfbfe</color> + <color name="photonLightGrey05A40">#66fbfbfe</color> + <color name="photonLightGrey05A60">#99fbfbfe</color> + <color name="photonLightGrey10">#fff9f9fb</color> + <color name="photonLightGrey20">#fff0f0f4</color> + <color name="photonLightGrey30">#ffe0e0e6</color> + <color name="photonLightGrey40">#ffcfcfd8</color> + <color name="photonLightGrey50">#ffbfbfc9</color> + <color name="photonLightGrey60">#ffafafba</color> + <color name="photonLightGrey70">#ff9f9fad</color> + <color name="photonLightGrey80">#ff8f8f9d</color> + <color name="photonLightGrey90">#ff80808e</color> + + <!-- Dark Grey --> + <color name="photonDarkGrey05">#ff5b5b66</color> + <color name="photonDarkGrey05A45">#735b5b66</color> + <color name="photonDarkGrey10">#ff52525e</color> + <color name="photonDarkGrey20">#ff4a4a55</color> + <color name="photonDarkGrey30">#ff42414d</color> + <color name="photonDarkGrey30A95">#f242414d</color> + <color name="photonDarkGrey30A96">#f542414d</color> + <color name="photonDarkGrey40">#ff3a3944</color> + <color name="photonDarkGrey50">#ff32313c</color> + <color name="photonDarkGrey60">#ff2b2a33</color> + <color name="photonDarkGrey70">#ff23222b</color> + <color name="photonDarkGrey80">#ff1c1b22</color> + <color name="photonDarkGrey90">#ff15141a</color> + <color name="photonDarkGrey90A40">#6615141a</color> + <color name="photonDarkGrey90A60">#9915141a</color> + <color name="photonDarkGrey90A95">#f215141a</color> + <color name="photonDarkGrey90A96">#f515141a</color> + + <!-- Violet --> + <color name="photonViolet05">#ffE7DFFF</color> + <color name="photonViolet10">#ffd9bfff</color> + <color name="photonViolet20">#ffcb9eFF</color> + <color name="photonViolet20A60">#99cb9eFF</color> + <color name="photonViolet30">#ffc689FF</color> + <color name="photonViolet40">#ffab71ff</color> + <color name="photonViolet40A12">#1fab71ff</color> + <color name="photonViolet40A30">#4dab71ff</color> + <color name="photonViolet50">#ff9059FF</color> + <color name="photonViolet50A32">#529059FF</color> + <color name="photonViolet50A48">#7A9059FF</color> + <color name="photonViolet60">#ff7542e5</color> + <color name="photonViolet60A50">#807542E5</color> + <color name="photonViolet70">#ff592ACB</color> + <color name="photonViolet70A12">#1F592ACB</color> + <color name="photonViolet70A80">#CC592ACB</color> + <color name="photonViolet80">#ff45278d</color> + <color name="photonViolet90">#ff321c64</color> + <color name="photonViolet90A20">#33321c64</color> + + <!-- White --> + <color name="photonWhite">#ffffff</color> + + <!-- Black --> + <color name="photonBlack">#000000</color> +</resources> |