|
1
|
|
-:root {
|
|
2
|
|
- /* photon colors, not all of them are available for whatever reason
|
|
3
|
|
- in firefox, so here they are */
|
|
4
|
|
-
|
|
5
|
|
- --magenta-50: #ff1ad9;
|
|
6
|
|
- --magenta-60: #ed00b5;
|
|
7
|
|
- --magenta-70: #b5007f;
|
|
8
|
|
- --magenta-80: #7d004f;
|
|
9
|
|
- --magenta-90: #440027;
|
|
10
|
|
-
|
|
11
|
|
- --purple-30: #c069ff;
|
|
12
|
|
- --purple-40: #ad3bff;
|
|
13
|
|
- --purple-50: #9400ff;
|
|
14
|
|
- --purple-60: #8000d7;
|
|
15
|
|
- --purple-70: #6200a4;
|
|
16
|
|
- --purple-80: #440071;
|
|
17
|
|
- --purple-90: #25003e;
|
|
18
|
|
-
|
|
19
|
|
- --blue-40: #45a1ff;
|
|
20
|
|
- --blue-50: #0a84ff;
|
|
21
|
|
- --blue-50-a30: rgba(10, 132, 255, 0.3);
|
|
22
|
|
- --blue-60: #0060df;
|
|
23
|
|
- --blue-70: #003eaa;
|
|
24
|
|
- --blue-80: #002275;
|
|
25
|
|
- --blue-90: #000f40;
|
|
26
|
|
-
|
|
27
|
|
- --teal-50: #00feff;
|
|
28
|
|
- --teal-60: #00c8d7;
|
|
29
|
|
- --teal-70: #008ea4;
|
|
30
|
|
- --teal-80: #005a71;
|
|
31
|
|
- --teal-90: #002d3e;
|
|
32
|
|
-
|
|
33
|
|
- --green-50: #30e60b;
|
|
34
|
|
- --green-60: #12bc00;
|
|
35
|
|
- --green-70: #058b00;
|
|
36
|
|
- --green-80: #006504;
|
|
37
|
|
- --green-90: #003706;
|
|
38
|
|
-
|
|
39
|
|
- --yellow-50: #ffe900;
|
|
40
|
|
- --yellow-60: #d7b600;
|
|
41
|
|
- --yellow-70: #a47f00;
|
|
42
|
|
- --yellow-80: #715100;
|
|
43
|
|
- --yellow-90: #3e2800;
|
|
44
|
|
-
|
|
45
|
|
- --red-50: #ff0039;
|
|
46
|
|
- --red-60: #d70022;
|
|
47
|
|
- --red-70: #a4000f;
|
|
48
|
|
- --red-80: #5a0002;
|
|
49
|
|
- --red-90: #3e0200;
|
|
50
|
|
-
|
|
51
|
|
- --orange-50: #ff9400;
|
|
52
|
|
- --orange-60: #d76e00;
|
|
53
|
|
- --orange-70: #a44900;
|
|
54
|
|
- --orange-80: #712b00;
|
|
55
|
|
- --orange-90: #3e1300;
|
|
56
|
|
-
|
|
57
|
|
- --grey-10: #f9f9fa;
|
|
58
|
|
- --grey-10-a10: rgba(249, 249, 250, 0.1);
|
|
59
|
|
- --grey-10-a20: rgba(249, 249, 250, 0.2);
|
|
60
|
|
- --grey-10-a40: rgba(249, 249, 250, 0.4);
|
|
61
|
|
- --grey-10-a60: rgba(249, 249, 250, 0.6);
|
|
62
|
|
- --grey-10-a80: rgba(249, 249, 250, 0.8);
|
|
63
|
|
- --grey-20: #ededf0;
|
|
64
|
|
- --grey-30: #d7d7db;
|
|
65
|
|
- --grey-40: #b1b1b3;
|
|
66
|
|
- --grey-50: #737373;
|
|
67
|
|
- --grey-60: #4a4a4f;
|
|
68
|
|
- --grey-70: #38383d;
|
|
69
|
|
- --grey-80: #2a2a2e;
|
|
70
|
|
- --grey-90: #0c0c0d;
|
|
71
|
|
- --grey-90-a05: rgba(12, 12, 13, 0.05);
|
|
72
|
|
- --grey-90-a10: rgba(12, 12, 13, 0.1);
|
|
73
|
|
- --grey-90-a20: rgba(12, 12, 13, 0.2);
|
|
74
|
|
- --grey-90-a30: rgba(12, 12, 13, 0.3);
|
|
75
|
|
- --grey-90-a40: rgba(12, 12, 13, 0.4);
|
|
76
|
|
- --grey-90-a50: rgba(12, 12, 13, 0.5);
|
|
77
|
|
- --grey-90-a60: rgba(12, 12, 13, 0.6);
|
|
78
|
|
- --grey-90-a70: rgba(12, 12, 13, 0.7);
|
|
79
|
|
- --grey-90-a80: rgba(12, 12, 13, 0.8);
|
|
80
|
|
- --grey-90-a90: rgba(12, 12, 13, 0.9);
|
|
81
|
|
-
|
|
82
|
|
- --ink-70: #363959;
|
|
83
|
|
- --ink-80: #202340;
|
|
84
|
|
- --ink-90: #0f1126;
|
|
85
|
|
-
|
|
86
|
|
- --white-100: #ffffff;
|
|
87
|
|
-
|
|
88
|
|
- /* TODO: Switch to some Firefox variable, once Mozilla adds one for this
|
|
89
|
|
- color. Matches --warning-icon-bgcolor (but not on the dark theme variant). */
|
|
90
|
|
- --warning-color: #ffa436;
|
|
91
|
|
-}
|
|
92
|
|
-
|
|
93
|
|
-@media (prefers-color-scheme: dark) {
|
|
94
|
|
- :root {
|
|
95
|
|
- --warning-color: #ffbd4f;
|
|
96
|
|
- }
|
|
97
|
|
-} |