diff options
Diffstat (limited to 'comm/mail/themes/shared/mail/colors.css')
-rw-r--r-- | comm/mail/themes/shared/mail/colors.css | 130 |
1 files changed, 130 insertions, 0 deletions
diff --git a/comm/mail/themes/shared/mail/colors.css b/comm/mail/themes/shared/mail/colors.css new file mode 100644 index 0000000000..c393401bb0 --- /dev/null +++ b/comm/mail/themes/shared/mail/colors.css @@ -0,0 +1,130 @@ +/* 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/. */ + +:host, +:root { + --color-red-10: #FEE2E2; + --color-red-20: #FECACA; + --color-red-30: #FCA5A5; + --color-red-40: #f87171; + --color-red-50: #ef4444; + --color-red-60: #dc2626; + --color-red-70: #b91c1c; + --color-red-80: #991b1b; + --color-red-90: #7f1d1d; + + --color-orange-10: #ffedd5; + --color-orange-20: #fed7aa; + --color-orange-30: #fdba74; + --color-orange-40: #fb923c; + --color-orange-50: #f97316; + --color-orange-60: #ea580c; + --color-orange-70: #c2410c; + --color-orange-80: #9a3412; + --color-orange-90: #7c2d12; + + --color-amber-10: #fef3c7; + --color-amber-20: #fde68a; + --color-amber-30: #fcd34d; + --color-amber-40: #fbbf24; + --color-amber-50: #f59e0b; + --color-amber-60: #d97706; + --color-amber-70: #b45309; + --color-amber-80: #92400e; + --color-amber-90: #78350f; + + --color-yellow-10: #fef9c3; + --color-yellow-20: #fef08a; + --color-yellow-30: #fde047; + --color-yellow-40: #facc15; + --color-yellow-50: #eab308; + --color-yellow-60: #ca8a04; + --color-yellow-70: #a16207; + --color-yellow-80: #854d0e; + --color-yellow-90: #713f12; + + --color-green-10: #dcfce7; + --color-green-20: #bbf7d0; + --color-green-30: #86efac; + --color-green-40: #4ade80; + --color-green-50: #22c55e; + --color-green-60: #16a34a; + --color-green-70: #15803d; + --color-green-80: #166534; + --color-green-90: #14532d; + + --color-teal-10: #cdfaf7; + --color-teal-20: #9ff4f0; + --color-teal-30: #62e9e6; + --color-teal-40: #27d3d6; + --color-teal-50: #0db7bd; + --color-teal-60: #0a929d; + --color-teal-70: #0e757f; + --color-teal-80: #135e67; + --color-teal-90: #144e56; + + --color-blue-10: #ddeefe; + --color-blue-20: #bce0fd; + --color-blue-30: #88ccfc; + --color-blue-40: #4cb1f9; + --color-blue-50: #2493ef; + --color-blue-60: #1373d9; + --color-blue-70: #105bbc; + --color-blue-80: #124c9a; + --color-blue-90: #15427c; + + --color-purple-10: #f3e8ff; + --color-purple-20: #e9d5ff; + --color-purple-30: #d8b4fe; + --color-purple-40: #c084fc; + --color-purple-50: #a855f7; + --color-purple-60: #9333ea; + --color-purple-70: #7e22ce; + --color-purple-80: #6b21a8; + --color-purple-90: #581c87; + + --color-magenta-10: #fbe7f9; + --color-magenta-20: #f8cff3; + --color-magenta-30: #f4a9e8; + --color-magenta-40: #ee75d7; + --color-magenta-50: #e247c4; + --color-magenta-60: #cd26a5; + --color-magenta-70: #b01a86; + --color-magenta-80: #91186e; + --color-magenta-90: #79195c; + + --color-brown-10: #f4e9d7; + --color-brown-20: #efdfc4; + --color-brown-30: #e4cdab; + --color-brown-40: #d7bc96; + --color-brown-50: #b6986c; + --color-brown-60: #96764b; + --color-brown-70: #755b38; + --color-brown-80: #51412c; + --color-brown-90: #47341f; + + --color-gray-05: #fafafa; + --color-gray-10: #f4f4f5; + --color-gray-20: #e4e4e7; + --color-gray-30: #d4d4d8; + --color-gray-40: #a1a1aa; + --color-gray-50: #71717a; + --color-gray-60: #52525b; + --color-gray-70: #3f3f46; + --color-gray-80: #27272a; + --color-gray-90: #18181b; + + --color-ink-10: #f1f3fa; + --color-ink-20: #e3e5f2; + --color-ink-30: #cdd0e5; + --color-ink-40: #9b9ec2; + --color-ink-50: #6e6f9b; + --color-ink-60: #52507c; + --color-ink-70: #3e3c67; + --color-ink-80: #2a284b; + --color-ink-90: #1a1838; + + --color-white: #ffffff; + --color-black: #000000; +} |