Commits:
-
7d26a0ae
by Richard Pospesel at 2023-03-02T17:19:05+00:00
Bug 41659: Add canonical color definitions to base-browser !!! 102.9.0esr REBASE NOTE: this commit should appear relatively early in the base-browser branch
3 changed files:
Changes:
browser/themes/shared/browser-colors.css
|
|
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
|
+} |
|
|
\ No newline at end of file |
browser/themes/shared/browser-shared.css
| ... |
... |
@@ -21,6 +21,7 @@ |
|
21
|
21
|
@import url("chrome://browser/skin/ctrlTab.css");
|
|
22
|
22
|
@import url("chrome://browser/skin/customizableui/customizeMode.css");
|
|
23
|
23
|
@import url("chrome://browser/skin/UITour.css");
|
|
|
24
|
+@import url("chrome://browser/skin/browser-colors.css");
|
|
24
|
25
|
|
|
25
|
26
|
@namespace html url("http://www.w3.org/1999/xhtml");
|
|
26
|
27
|
|
browser/themes/shared/jar.inc.mn
| ... |
... |
@@ -17,6 +17,7 @@ |
|
17
|
17
|
skin/classic/browser/autocomplete.css (../shared/autocomplete.css)
|
|
18
|
18
|
skin/classic/browser/blockedSite.css (../shared/blockedSite.css)
|
|
19
|
19
|
skin/classic/browser/browser-shared.css (../shared/browser-shared.css)
|
|
|
20
|
+ skin/classic/browser/browser-colors.css (../shared/browser-colors.css)
|
|
20
|
21
|
skin/classic/browser/ctrlTab.css (../shared/ctrlTab.css)
|
|
21
|
22
|
skin/classic/browser/light-dark-overrides.css (../shared/light-dark-overrides.css)
|
|
22
|
23
|
skin/classic/browser/error-pages.css (../shared/error-pages.css)
|
|