comparison sidebar/style/photon-colors.css @ 0:d13d59494613

Initial revision
author Guido Berhoerster <guido+set-aside@berhoerster.name>
date Sat, 17 Nov 2018 10:44:16 +0100
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:d13d59494613
1 /* This Source Code Form is subject to the terms of the Mozilla Public
2 * License, v. 2.0. If a copy of the MPL was not distributed with this
3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
4
5 /* Photon Colors CSS Variables v3.2.0 */
6
7 :root {
8 --magenta-50: #ff1ad9;
9 --magenta-60: #ed00b5;
10 --magenta-70: #b5007f;
11 --magenta-80: #7d004f;
12 --magenta-90: #440027;
13
14 --purple-30: #c069ff;
15 --purple-40: #ad3bff;
16 --purple-50: #9400ff;
17 --purple-60: #8000d7;
18 --purple-70: #6200a4;
19 --purple-80: #440071;
20 --purple-90: #25003e;
21
22 --blue-40: #45a1ff;
23 --blue-50: #0a84ff;
24 --blue-50-a30: rgba(10, 132, 255, 0.3);
25 --blue-60: #0060df;
26 --blue-70: #003eaa;
27 --blue-80: #002275;
28 --blue-90: #000f40;
29
30 --teal-50: #00feff;
31 --teal-60: #00c8d7;
32 --teal-70: #008ea4;
33 --teal-80: #005a71;
34 --teal-90: #002d3e;
35
36 --green-50: #30e60b;
37 --green-60: #12bc00;
38 --green-70: #058b00;
39 --green-80: #006504;
40 --green-90: #003706;
41
42 --yellow-50: #ffe900;
43 --yellow-60: #d7b600;
44 --yellow-70: #a47f00;
45 --yellow-80: #715100;
46 --yellow-90: #3e2800;
47
48 --red-50: #ff0039;
49 --red-60: #d70022;
50 --red-70: #a4000f;
51 --red-80: #5a0002;
52 --red-90: #3e0200;
53
54 --orange-50: #ff9400;
55 --orange-60: #d76e00;
56 --orange-70: #a44900;
57 --orange-80: #712b00;
58 --orange-90: #3e1300;
59
60 --grey-10: #f9f9fa;
61 --grey-10-a10: rgba(249, 249, 250, 0.1);
62 --grey-10-a20: rgba(249, 249, 250, 0.2);
63 --grey-10-a40: rgba(249, 249, 250, 0.4);
64 --grey-10-a60: rgba(249, 249, 250, 0.6);
65 --grey-10-a80: rgba(249, 249, 250, 0.8);
66 --grey-20: #ededf0;
67 --grey-30: #d7d7db;
68 --grey-40: #b1b1b3;
69 --grey-50: #737373;
70 --grey-60: #4a4a4f;
71 --grey-70: #38383d;
72 --grey-80: #2a2a2e;
73 --grey-90: #0c0c0d;
74 --grey-90-a05: rgba(12, 12, 13, 0.05);
75 --grey-90-a10: rgba(12, 12, 13, 0.1);
76 --grey-90-a20: rgba(12, 12, 13, 0.2);
77 --grey-90-a30: rgba(12, 12, 13, 0.3);
78 --grey-90-a40: rgba(12, 12, 13, 0.4);
79 --grey-90-a50: rgba(12, 12, 13, 0.5);
80 --grey-90-a60: rgba(12, 12, 13, 0.6);
81 --grey-90-a70: rgba(12, 12, 13, 0.7);
82 --grey-90-a80: rgba(12, 12, 13, 0.8);
83 --grey-90-a90: rgba(12, 12, 13, 0.9);
84
85 --ink-70: #363959;
86 --ink-80: #202340;
87 --ink-90: #0f1126;
88
89 --white-100: #ffffff;
90
91 }