summaryrefslogtreecommitdiff
path: root/src/chrome/global
diff options
context:
space:
mode:
Diffstat (limited to 'src/chrome/global')
-rw-r--r--src/chrome/global/about.css8
-rw-r--r--src/chrome/global/aboutMemory.css24
-rw-r--r--src/chrome/global/aboutReader.css538
-rw-r--r--src/chrome/global/aboutSupport.css2
-rw-r--r--src/chrome/global/alerts/alert.css4
-rw-r--r--src/chrome/global/autocomplete.css6
-rw-r--r--src/chrome/global/button.css12
-rw-r--r--src/chrome/global/checkbox.css4
-rw-r--r--src/chrome/global/config.css2
-rw-r--r--src/chrome/global/console/console.css12
-rw-r--r--src/chrome/global/customizeToolbar.css4
-rw-r--r--src/chrome/global/datetimepicker.css16
-rw-r--r--src/chrome/global/dialog.css6
-rw-r--r--src/chrome/global/dirListing/dirListing.css10
-rw-r--r--src/chrome/global/filefield.css10
-rw-r--r--src/chrome/global/findBar.css2
-rw-r--r--src/chrome/global/global.css10
-rw-r--r--src/chrome/global/groupbox.css4
-rw-r--r--src/chrome/global/in-content/common.css28
-rw-r--r--src/chrome/global/inContentUI.css16
-rw-r--r--src/chrome/global/listbox.css12
-rw-r--r--src/chrome/global/narrate.css8
-rw-r--r--src/chrome/global/netError.css8
-rw-r--r--src/chrome/global/notification.css14
-rw-r--r--src/chrome/global/preferences.css10
-rw-r--r--src/chrome/global/progressmeter.css2
-rw-r--r--src/chrome/global/richlistbox.css8
-rw-r--r--src/chrome/global/spinbuttons.css8
-rw-r--r--src/chrome/global/splitter.css2
-rw-r--r--src/chrome/global/tabbox.css8
-rw-r--r--src/chrome/global/tabprompts.css4
-rw-r--r--src/chrome/global/textbox.css8
-rw-r--r--src/chrome/global/toolbar.css2
-rw-r--r--src/chrome/global/tree.css26
-rw-r--r--src/chrome/global/wizard.css4
35 files changed, 404 insertions, 438 deletions
diff --git a/src/chrome/global/about.css b/src/chrome/global/about.css
index da99b0d..d590e57 100644
--- a/src/chrome/global/about.css
+++ b/src/chrome/global/about.css
@@ -1,11 +1,11 @@
1html { 1html {
2 background: rgb(0,0,0); 2 background: #181411;
3 padding: 0 1em; 3 padding: 0 1em;
4 font: message-box; 4 font: message-box;
5} 5}
6 6
7body { 7body {
8 color: #fff; 8 color: #bfbbb6;
9 position: relative; 9 position: relative;
10 min-width: 330px; 10 min-width: 330px;
11 max-width: 50em; 11 max-width: 50em;
@@ -14,7 +14,7 @@ body {
14 border-radius: 10px; 14 border-radius: 10px;
15 padding: 3em; 15 padding: 3em;
16 padding-inline-start: 30px; 16 padding-inline-start: 30px;
17 background: rgb(0,0,0); 17 background: #181411;
18} 18}
19 19
20.aboutPageWideContainer { 20.aboutPageWideContainer {
@@ -47,7 +47,7 @@ th, td {
47} 47}
48 48
49a { 49a {
50 color: #fff; 50 color: #bfbbb6;
51} 51}
52 52
53a:hover { 53a:hover {
diff --git a/src/chrome/global/aboutMemory.css b/src/chrome/global/aboutMemory.css
index 276e97e..4e925ae 100644
--- a/src/chrome/global/aboutMemory.css
+++ b/src/chrome/global/aboutMemory.css
@@ -13,7 +13,7 @@
13@import url("chrome://global/content/aboutMemory.css"); 13@import url("chrome://global/content/aboutMemory.css");
14 14
15html { 15html {
16 background: rgb(0,0,0); 16 background: #181411;
17 font: message-box; 17 font: message-box;
18} 18}
19 19
@@ -34,8 +34,8 @@ div.section {
34 margin: 1em 0em; 34 margin: 1em 0em;
35 border: 1px solid rgb(64,64,64); 35 border: 1px solid rgb(64,64,64);
36 border-radius: 10px; 36 border-radius: 10px;
37 background: rgb(0,0,0); 37 background: #181411;
38 color: #fff; 38 color: #bfbbb6;
39} 39}
40 40
41div.opsRow { 41div.opsRow {
@@ -44,9 +44,9 @@ div.opsRow {
44 margin-top: 0.5em; 44 margin-top: 0.5em;
45 border: 1px solid rgb(64,64,64); 45 border: 1px solid rgb(64,64,64);
46 border-radius: 10px; 46 border-radius: 10px;
47 background: rgb(0,0,0); 47 background: #181411;
48 display: inline-block; 48 display: inline-block;
49 color: #fff; 49 color: #bfbbb6;
50} 50}
51 51
52div.opsRowLabel { 52div.opsRowLabel {
@@ -72,7 +72,7 @@ h1 {
72 72
73h2 { 73h2 {
74 background-color: rgb(1,1,1); 74 background-color: rgb(1,1,1);
75 color: #fff; 75 color: #bfbbb6;
76 padding-left: .1em; 76 padding-left: .1em;
77} 77}
78 78
@@ -90,7 +90,7 @@ h2 {
90 90
91.mrValue { 91.mrValue {
92 font-weight: bold; 92 font-weight: bold;
93 color: #fff; 93 color: #bfbbb6;
94} 94}
95 95
96.mrPerc { 96.mrPerc {
@@ -100,11 +100,11 @@ h2 {
100} 100}
101 101
102.mrName { 102.mrName {
103 color: #fff; 103 color: #bfbbb6;
104} 104}
105 105
106.mrNote { 106.mrNote {
107 color: #fff; 107 color: #bfbbb6;
108} 108}
109 109
110.hasKids { 110.hasKids {
@@ -122,13 +122,13 @@ h2 {
122.option { 122.option {
123 font-size: 80%; 123 font-size: 80%;
124 -moz-user-select: none; /* no need to include this when cutting+pasting */ 124 -moz-user-select: none; /* no need to include this when cutting+pasting */
125 color: #fff; 125 color: #bfbbb6;
126} 126}
127 127
128.legend { 128.legend {
129 font-size: 80%; 129 font-size: 80%;
130 -moz-user-select: none; /* no need to include this when cutting+pasting */ 130 -moz-user-select: none; /* no need to include this when cutting+pasting */
131 color: #fff; 131 color: #bfbbb6;
132} 132}
133 133
134.debug { 134.debug {
@@ -140,7 +140,7 @@ h2 {
140} 140}
141 141
142.invalid { 142.invalid {
143 color: #fff; 143 color: #bfbbb6;
144 background-color: #f00; 144 background-color: #f00;
145} 145}
146 146
diff --git a/src/chrome/global/aboutReader.css b/src/chrome/global/aboutReader.css
index c2dc2cf..fd78418 100644
--- a/src/chrome/global/aboutReader.css
+++ b/src/chrome/global/aboutReader.css
@@ -6,327 +6,293 @@
6 * inadvertently match elements in the article content. */ 6 * inadvertently match elements in the article content. */
7 7
8body { 8body {
9 padding: 64px 51px; 9 padding: 64px 51px;
10} 10}
11 11
12body.loaded { 12body.loaded {
13 transition: color 0.4s, background-color 0.4s; 13 transition: color 0.4s, background-color 0.4s;
14} 14}
15 15
16body.light { 16body.light {
17 color: #000000; 17 color: #000000;
18 background-color: #ffffff; 18 background-color: #bfbbb6;
19} 19}
20 20
21body.dark { 21body.dark {
22 color: #eeeeee; 22 color: #bfbbb6;
23 background-color: #000000; 23 background-color: #181411;
24} 24}
25 25
26body.dark *::-moz-selection { 26body.dark *::-moz-selection {
27 background-color: #FFFFFF; 27 background-color: #bfbbb6;
28 color: #0095DD; 28 color: #33658a;
29} 29}
30body.dark a::-moz-selection { 30body.dark a::-moz-selection {
31 color: #DD4800; 31 color: #a63221;
32} 32}
33 33
34body.sepia { 34body.sepia {
35 color: #5b4636; 35 color: #5b4636;
36 background-color: #f4ecd8; 36 background-color: #f4ecd8;
37} 37}
38 38
39body.sans-serif, 39body.sans-serif,
40body.sans-serif .remove-button { 40body.sans-serif .remove-button {
41 font-family: Helvetica, Arial, sans-serif; 41 font-family: sans-serif;
42} 42}
43 43
44body.serif, 44body.serif,
45body.serif .remove-button { 45body.serif .remove-button {
46 font-family: Georgia, "Times New Roman", serif; 46 font-family: serif;
47} 47}
48 48
49.container { 49.container {
50 max-width: 30em; 50 --font-size: 12;
51 margin: 0 auto; 51 max-width: 30em;
52} 52 margin: 0 auto;
53 53 font-size: var(--font-size);
54.container.font-size1 {
55 font-size: 12px;
56}
57
58.container.font-size2 {
59 font-size: 14px;
60}
61
62.container.font-size3 {
63 font-size: 16px;
64}
65
66.container.font-size4 {
67 font-size: 18px;
68}
69
70.container.font-size5 {
71 font-size: 20px;
72}
73
74.container.font-size6 {
75 font-size: 22px;
76}
77
78.container.font-size7 {
79 font-size: 24px;
80}
81
82.container.font-size8 {
83 font-size: 26px;
84}
85
86.container.font-size9 {
87 font-size: 28px;
88} 54}
89 55
90.container.content-width1 { 56.container.content-width1 {
91 max-width: 20em; 57 max-width: 20em;
92} 58}
93 59
94.container.content-width2 { 60.container.content-width2 {
95 max-width: 25em; 61 max-width: 25em;
96} 62}
97 63
98.container.content-width3 { 64.container.content-width3 {
99 max-width: 30em; 65 max-width: 30em;
100} 66}
101 67
102.container.content-width4 { 68.container.content-width4 {
103 max-width: 35em; 69 max-width: 35em;
104} 70}
105 71
106.container.content-width5 { 72.container.content-width5 {
107 max-width: 40em; 73 max-width: 40em;
108} 74}
109 75
110.container.content-width6 { 76.container.content-width6 {
111 max-width: 45em; 77 max-width: 45em;
112} 78}
113 79
114.container.content-width7 { 80.container.content-width7 {
115 max-width: 50em; 81 max-width: 50em;
116} 82}
117 83
118.container.content-width8 { 84.container.content-width8 {
119 max-width: 55em; 85 max-width: 55em;
120} 86}
121 87
122.container.content-width9 { 88.container.content-width9 {
123 max-width: 60em; 89 max-width: 60em;
124} 90}
125 91
126/* Override some controls and content styles based on color scheme */ 92/* Override some controls and content styles based on color scheme */
127 93
128body.light > .container > .header > .domain { 94body.light > .container > .header > .domain {
129 border-bottom-color: #333333 !important; 95 border-bottom-color: #333333 !important;
130} 96}
131 97
132body.sepia > .container > .header > .domain { 98body.sepia > .container > .header > .domain {
133 border-bottom-color: #5b4636 !important; 99 border-bottom-color: #5b4636 !important;
134} 100}
135 101
136body.dark > .container > .header > .domain { 102body.dark > .container > .header > .domain {
137 border-bottom-color: #eeeeee !important; 103 border-bottom-color: #eeeeee !important;
138} 104}
139 105
140body.sepia > .container > .footer { 106body.sepia > .container > .footer {
141 background-color: #dedad4 !important; 107 background-color: #dedad4 !important;
142} 108}
143 109
144body.light blockquote { 110body.light blockquote {
145 border-inline-start: 2px solid #333333 !important; 111 border-inline-start: 2px solid #333333 !important;
146} 112}
147 113
148body.sepia blockquote { 114body.sepia blockquote {
149 border-inline-start: 2px solid #5b4636 !important; 115 border-inline-start: 2px solid #5b4636 !important;
150} 116}
151 117
152body.dark blockquote { 118body.dark blockquote {
153 border-inline-start: 2px solid #eeeeee !important; 119 border-inline-start: 2px solid #eeeeee !important;
154} 120}
155 121
156/* Add toolbar transition base on loaded class */ 122/* Add toolbar transition base on loaded class */
157 123
158body.loaded .toolbar { 124body.loaded .toolbar {
159 transition: transform 0.3s ease-out; 125 transition: transform 0.3s ease-out;
160} 126}
161 127
162body:not(.loaded) .toolbar:-moz-locale-dir(ltr) { 128body:not(.loaded) .toolbar:-moz-locale-dir(ltr) {
163 transform: translateX(-100%); 129 transform: translateX(-100%);
164} 130}
165 131
166body:not(.loaded) .toolbar:-moz-locale-dir(rtl) { 132body:not(.loaded) .toolbar:-moz-locale-dir(rtl) {
167 transform: translateX(100%); 133 transform: translateX(100%);
168} 134}
169 135
170.light-button { 136.light-button {
171 color: #000000; 137 color: #000000;
172 background-color: #ffffff; 138 background-color: #bfbbb6;
173} 139}
174 140
175.dark-button { 141.dark-button {
176 color: #eeeeee; 142 color: #eeeeee;
177 background-color: #000000; 143 background-color: #181411;
178} 144}
179 145
180.sepia-button { 146.sepia-button {
181 color: #5b4636; 147 color: #5b4636;
182 background-color: #f4ecd8; 148 background-color: #f4ecd8;
183} 149}
184 150
185.sans-serif-button { 151.sans-serif-button {
186 font-family: Helvetica, Arial, sans-serif; 152 font-family: sans-serif;
187} 153}
188 154
189.serif-button { 155.serif-button {
190 font-family: Georgia, "Times New Roman", serif; 156 font-family: serif;
191} 157}
192 158
193/* Loading/error message */ 159/* Loading/error message */
194 160
195.reader-message { 161.reader-message {
196 margin-top: 40px; 162 margin-top: 40px;
197 display: none; 163 display: none;
198 text-align: center; 164 text-align: center;
199 width: 100%; 165 width: 100%;
200 font-size: 0.9em; 166 font-size: 0.9em;
201} 167}
202 168
203/* Header */ 169/* Header */
204 170
205.header { 171.header {
206 text-align: start; 172 text-align: start;
207 display: none; 173 display: none;
208} 174}
209 175
210.domain { 176.domain {
211 font-size: 0.9em; 177 font-size: 0.9em;
212 line-height: 1.48em; 178 line-height: 1.48em;
213 padding-bottom: 4px; 179 padding-bottom: 4px;
214 font-family: Helvetica, Arial, sans-serif; 180 font-family: sans-serif;
215 text-decoration: none; 181 text-decoration: none;
216 border-bottom: 1px solid; 182 border-bottom: 1px solid;
217 color: #0095dd; 183 color: #0095dd;
218} 184}
219 185
220.header > h1 { 186.header > h1 {
221 font-size: 1.6em; 187 font-size: 1.6em;
222 line-height: 1.25em; 188 line-height: 1.25em;
223 width: 100%; 189 width: 100%;
224 margin: 30px 0; 190 margin: 30px 0;
225 padding: 0; 191 padding: 0;
226} 192}
227 193
228.header > .credits { 194.header > .credits {
229 font-size: 0.9em; 195 font-size: 0.9em;
230 line-height: 1.48em; 196 line-height: 1.48em;
231 margin: 0 0 10px 0; 197 margin: 0 0 10px 0;
232 padding: 0; 198 padding: 0;
233 font-style: italic; 199 font-style: italic;
234} 200}
235 201
236.header > .meta-data { 202.header > .meta-data {
237 font-size: 0.65em; 203 font-size: 0.65em;
238 margin: 0 0 15px 0; 204 margin: 0 0 15px 0;
239} 205}
240 206
241/*======= Controls toolbar =======*/ 207/*======= Controls toolbar =======*/
242 208
243.toolbar { 209.toolbar {
244 font-family: Helvetica, Arial, sans-serif; 210 font-family: sans-serif;
245 position: fixed; 211 position: fixed;
246 height: 100%; 212 height: 100%;
247 top: 0; 213 top: 0;
248 left: 0; 214 left: 0;
249 margin: 0; 215 margin: 0;
250 padding: 0; 216 padding: 0;
251 list-style: none; 217 list-style: none;
252 background-color: #000000; 218 background-color: #181411;
253 -moz-user-select: none; 219 -moz-user-select: none;
254 border-right: 1px solid #b5b5b5; 220 border-right: 1px solid #b5b5b5;
255 z-index: 1; 221 z-index: 1;
256} 222}
257 223
258.button { 224.button {
259 display: block; 225 display: block;
260 background-size: 24px 24px; 226 background-size: 24px 24px;
261 background-repeat: no-repeat; 227 background-repeat: no-repeat;
262 color: #333; 228 color: #333;
263 background-color: #000000; 229 background-color: #181411;
264 height: 40px; 230 height: 40px;
265 padding: 0; 231 padding: 0;
266} 232}
267 233
268.toolbar .button { 234.toolbar .button {
269 width: 40px; 235 width: 40px;
270 background-position: center; 236 background-position: center;
271 margin-right: -1px; 237 margin-right: -1px;
272 border-top: 0; 238 border-top: 0;
273 border-left: 0; 239 border-left: 0;
274 border-right: 1px solid #b5b5b5; 240 border-right: 1px solid #b5b5b5;
275 border-bottom: 1px solid #c1c1c1; 241 border-bottom: 1px solid #c1c1c1;
276} 242}
277 243
278.button[hidden] { 244.button[hidden] {
279 display: none; 245 display: none;
280} 246}
281 247
282.dropdown { 248.dropdown {
283 text-align: center; 249 text-align: center;
284 list-style: none; 250 list-style: none;
285 margin: 0; 251 margin: 0;
286 padding: 0; 252 padding: 0;
287} 253}
288 254
289.dropdown li { 255.dropdown li {
290 margin: 0; 256 margin: 0;
291 padding: 0; 257 padding: 0;
292} 258}
293 259
294/*======= Popup =======*/ 260/*======= Popup =======*/
295 261
296.dropdown-popup { 262.dropdown-popup {
297 min-width: 300px; 263 min-width: 300px;
298 text-align: start; 264 text-align: start;
299 position: absolute; 265 position: absolute;
300 left: 48px; /* offset to account for toolbar width */ 266 left: 48px; /* offset to account for toolbar width */
301 z-index: 1000; 267 z-index: 1000;
302 background-color: #000000; 268 background-color: #181411;
303 visibility: hidden; 269 visibility: hidden;
304 border-radius: 4px; 270 border-radius: 4px;
305 border: 1px solid #b5b5b5; 271 border: 1px solid #b5b5b5;
306 border-bottom-width: 0; 272 border-bottom-width: 0;
307 box-shadow: 0 1px 3px #c1c1c1; 273 box-shadow: 0 1px 3px #c1c1c1;
308} 274}
309 275
310.keep-open .dropdown-popup { 276.keep-open .dropdown-popup {
311 z-index: initial; 277 z-index: initial;
312} 278}
313 279
314.dropdown-popup > hr { 280.dropdown-popup > hr {
315 display: none; 281 display: none;
316} 282}
317 283
318.open > .dropdown-popup { 284.open > .dropdown-popup {
319 visibility: visible; 285 visibility: visible;
320} 286}
321 287
322.dropdown-arrow { 288.dropdown-arrow {
323 position: absolute; 289 position: absolute;
324 top: 30px; /* offset arrow from top of popup */ 290 top: 30px; /* offset arrow from top of popup */
325 left: -16px; 291 left: -16px;
326 width: 16px; 292 width: 16px;
327 height: 24px; 293 height: 24px;
328 background-image: url("chrome://global/skin/reader/RM-Type-Controls-Arrow.svg"); 294 background-image: url("chrome://global/skin/reader/RM-Type-Controls-Arrow.svg");
329 display: block; 295 display: block;
330} 296}
331 297
332/*======= Font style popup =======*/ 298/*======= Font style popup =======*/
@@ -336,21 +302,21 @@ body:not(.loaded) .toolbar:-moz-locale-dir(rtl) {
336.color-scheme-buttons, 302.color-scheme-buttons,
337.content-width-buttons, 303.content-width-buttons,
338.line-height-buttons { 304.line-height-buttons {
339 display: flex; 305 display: flex;
340 flex-direction: row; 306 flex-direction: row;
341} 307}
342 308
343.font-type-buttons > button:first-child { 309.font-type-buttons > button:first-child {
344 border-top-left-radius: 3px; 310 border-top-left-radius: 3px;
345} 311}
346.font-type-buttons > button:last-child { 312.font-type-buttons > button:last-child {
347 border-top-right-radius: 3px; 313 border-top-right-radius: 3px;
348} 314}
349.color-scheme-buttons > button:first-child { 315.color-scheme-buttons > button:first-child {
350 border-bottom-left-radius: 3px; 316 border-bottom-left-radius: 3px;
351} 317}
352.color-scheme-buttons > button:last-child { 318.color-scheme-buttons > button:last-child {
353 border-bottom-right-radius: 3px; 319 border-bottom-right-radius: 3px;
354} 320}
355 321
356.font-type-buttons > button, 322.font-type-buttons > button,
@@ -358,105 +324,105 @@ body:not(.loaded) .toolbar:-moz-locale-dir(rtl) {
358.color-scheme-buttons > button, 324.color-scheme-buttons > button,
359.content-width-buttons > button, 325.content-width-buttons > button,
360.line-height-buttons > button { 326.line-height-buttons > button {
361 text-align: center; 327 text-align: center;
362 border: 0; 328 border: 0;
363} 329}
364 330
365.font-type-buttons > button, 331.font-type-buttons > button,
366.font-size-buttons > button, 332.font-size-buttons > button,
367.content-width-buttons > button, 333.content-width-buttons > button,
368.line-height-buttons > button { 334.line-height-buttons > button {
369 width: 50%; 335 width: 50%;
370 background-color: transparent; 336 background-color: transparent;
371 border-left: 1px solid #B5B5B5; 337 border-left: 1px solid #B5B5B5;
372 border-bottom: 1px solid #B5B5B5; 338 border-bottom: 1px solid #B5B5B5;
373} 339}
374 340
375.color-scheme-buttons > button { 341.color-scheme-buttons > button {
376 width: 33.33%; 342 width: 33.33%;
377 font-size: 14px; 343 font-size: 14px;
378} 344}
379 345
380.color-scheme-buttons > .dark-button { 346.color-scheme-buttons > .dark-button {
381 margin-top: -1px; 347 margin-top: -1px;
382 height: 61px; 348 height: 61px;
383} 349}
384 350
385.font-type-buttons > button:first-child, 351.font-type-buttons > button:first-child,
386.font-size-buttons > button:first-child, 352.font-size-buttons > button:first-child,
387.content-width-buttons > button:first-child, 353.content-width-buttons > button:first-child,
388.line-height-buttons > button:first-child { 354.line-height-buttons > button:first-child {
389 border-left: 0; 355 border-left: 0;
390} 356}
391 357
392.font-type-buttons > button { 358.font-type-buttons > button {
393 display: inline-block; 359 display: inline-block;
394 font-size: 62px; 360 font-size: 62px;
395 height: 100px; 361 height: 100px;
396} 362}
397 363
398.font-size-buttons > button, 364.font-size-buttons > button,
399.color-scheme-buttons > button, 365.color-scheme-buttons > button,
400.content-width-buttons > button, 366.content-width-buttons > button,
401.line-height-buttons > button { 367.line-height-buttons > button {
402 height: 60px; 368 height: 60px;
403} 369}
404 370
405.font-type-buttons > button:active:hover, 371.font-type-buttons > button:active:hover,
406.font-type-buttons > button.selected, 372.font-type-buttons > button.selected,
407.color-scheme-buttons > button:active:hover, 373.color-scheme-buttons > button:active:hover,
408.color-scheme-buttons > button.selected { 374.color-scheme-buttons > button.selected {
409 box-shadow: inset 0 -3px 0 0 #fc6420; 375 box-shadow: inset 0 -3px 0 0 #fc6420;
410} 376}
411 377
412.font-type-buttons > button:active:hover, 378.font-type-buttons > button:active:hover,
413.font-type-buttons > button.selected { 379.font-type-buttons > button.selected {
414 border-bottom: 1px solid #FC6420; 380 border-bottom: 1px solid #FC6420;
415} 381}
416 382
417/* Make the serif button content the same size as the sans-serif button content. */ 383/* Make the serif button content the same size as the sans-serif button content. */
418.font-type-buttons > button > .description { 384.font-type-buttons > button > .description {
419 color: #666; 385 color: #666;
420 font-size: 12px; 386 font-size: 12px;
421 margin-top: -5px; 387 margin-top: -5px;
422} 388}
423 389
424/* Font sizes are different per-platform, so we need custom CSS to line them up. */ 390/* Font sizes are different per-platform, so we need custom CSS to line them up. */
425%ifdef XP_MACOSX 391%ifdef XP_MACOSX
426.font-type-buttons > .sans-serif-button > .name { 392.font-type-buttons > .sans-serif-button > .name {
427 margin-top: 10px; 393 margin-top: 10px;
428} 394}
429 395
430.font-type-buttons > .sans-serif-button > .description { 396.font-type-buttons > .sans-serif-button > .description {
431 margin-top: -4px; 397 margin-top: -4px;
432} 398}
433 399
434.font-type-buttons > .serif-button > .name { 400.font-type-buttons > .serif-button > .name {
435 font-size: 63px; 401 font-size: 63px;
436} 402}
437%elifdef XP_WIN 403%elifdef XP_WIN
438.font-type-buttons > .sans-serif-button > .name { 404.font-type-buttons > .sans-serif-button > .name {
439 margin-top: 2px; 405 margin-top: 2px;
440} 406}
441 407
442.font-type-buttons > .sans-serif-button > .description { 408.font-type-buttons > .sans-serif-button > .description {
443 margin-top: -4px; 409 margin-top: -4px;
444} 410}
445 411
446.font-type-buttons > .serif-button > .name { 412.font-type-buttons > .serif-button > .name {
447 font-size: 63px; 413 font-size: 63px;
448} 414}
449%else 415%else
450.font-type-buttons > .sans-serif-button > .name { 416.font-type-buttons > .sans-serif-button > .name {
451 margin-top: 5px; 417 margin-top: 5px;
452} 418}
453 419
454.font-type-buttons > .sans-serif-button > .description { 420.font-type-buttons > .sans-serif-button > .description {
455 margin-top: -8px; 421 margin-top: -8px;
456} 422}
457 423
458.font-type-buttons > .serif-button > .name { 424.font-type-buttons > .serif-button > .name {
459 font-size: 70px; 425 font-size: 70px;
460} 426}
461%endif 427%endif
462 428
@@ -465,7 +431,7 @@ body:not(.loaded) .toolbar:-moz-locale-dir(rtl) {
465.font-type-buttons > button:hover, 431.font-type-buttons > button:hover,
466.content-width-buttons > button:hover, 432.content-width-buttons > button:hover,
467.line-height-buttons > button:hover { 433.line-height-buttons > button:hover {
468 background-color: #000000; 434 background-color: #181411;
469} 435}
470 436
471.dropdown.open, 437.dropdown.open,
@@ -476,12 +442,12 @@ body:not(.loaded) .toolbar:-moz-locale-dir(rtl) {
476.content-width-buttons > button.selected, 442.content-width-buttons > button.selected,
477.line-height-buttons > button:active, 443.line-height-buttons > button:active,
478.line-height-buttons > button.selected { 444.line-height-buttons > button.selected {
479 background-color: #000000; 445 background-color: #181411;
480} 446}
481 447
482/* Only used on Android */ 448/* Only used on Android */
483.font-size-sample { 449.font-size-sample {
484 display: none; 450 display: none;
485} 451}
486 452
487.minus-button, 453.minus-button,
@@ -490,71 +456,71 @@ body:not(.loaded) .toolbar:-moz-locale-dir(rtl) {
490.content-width-plus-button, 456.content-width-plus-button,
491.line-height-minus-button, 457.line-height-minus-button,
492.line-height-plus-button { 458.line-height-plus-button {
493 background-color: transparent; 459 background-color: transparent;
494 border: 0; 460 border: 0;
495 background-size: 18px 18px; 461 background-size: 18px 18px;
496 background-repeat: no-repeat; 462 background-repeat: no-repeat;
497 background-position: center; 463 background-position: center;
498} 464}
499 465
500/*======= Toolbar icons =======*/ 466/*======= Toolbar icons =======*/
501 467
502.close-button { 468.close-button {
503 background-image: url("chrome://global/skin/reader/RM-Close-24x24.svg#close"); 469 background-image: url("chrome://global/skin/reader/RM-Close-24x24.svg#close");
504 height: 68px; 470 height: 68px;
505 background-position: center 8px; 471 background-position: center 8px;
506} 472}
507 473
508.close-button:hover { 474.close-button:hover {
509 background-image: url("chrome://global/skin/reader/RM-Close-24x24.svg#close-hover"); 475 background-image: url("chrome://global/skin/reader/RM-Close-24x24.svg#close-hover");
510 background-color: #d94141; 476 background-color: #d94141;
511 border-bottom: 1px solid #d94141; 477 border-bottom: 1px solid #d94141;
512 border-right: 1px solid #d94141; 478 border-right: 1px solid #d94141;
513} 479}
514 480
515.close-button:hover:active { 481.close-button:hover:active {
516 background-image: url("chrome://global/skin/reader/RM-Close-24x24.svg#close-hover"); 482 background-image: url("chrome://global/skin/reader/RM-Close-24x24.svg#close-hover");
517 background-color: #AE2325; 483 background-color: #AE2325;
518 border-bottom: 1px solid #AE2325; 484 border-bottom: 1px solid #AE2325;
519 border-right: 1px solid #AE2325; 485 border-right: 1px solid #AE2325;
520} 486}
521 487
522.style-button { 488.style-button {
523 background-image: url("chrome://global/skin/reader/RM-Type-Controls-24x24.svg"); 489 background-image: url("chrome://global/skin/reader/RM-Type-Controls-24x24.svg");
524} 490}
525 491
526.minus-button { 492.minus-button {
527 background-image: url("chrome://global/skin/reader/RM-Minus-24x24.svg"); 493 background-image: url("chrome://global/skin/reader/RM-Minus-24x24.svg");
528} 494}
529 495
530.plus-button { 496.plus-button {
531 background-image: url("chrome://global/skin/reader/RM-Plus-24x24.svg"); 497 background-image: url("chrome://global/skin/reader/RM-Plus-24x24.svg");
532} 498}
533 499
534.content-width-minus-button { 500.content-width-minus-button {
535 background-size: 42px 16px; 501 background-size: 42px 16px;
536 background-image: url("chrome://global/skin/reader/RM-Content-Width-Minus-42x16.svg"); 502 background-image: url("chrome://global/skin/reader/RM-Content-Width-Minus-42x16.svg");
537} 503}
538 504
539.content-width-plus-button { 505.content-width-plus-button {
540 background-size: 44px 16px; 506 background-size: 44px 16px;
541 background-image: url("chrome://global/skin/reader/RM-Content-Width-Plus-44x16.svg"); 507 background-image: url("chrome://global/skin/reader/RM-Content-Width-Plus-44x16.svg");
542} 508}
543 509
544.line-height-minus-button { 510.line-height-minus-button {
545 background-size: 34px 14px; 511 background-size: 34px 14px;
546 background-image: url("chrome://global/skin/reader/RM-Line-Height-Minus-38x14.svg"); 512 background-image: url("chrome://global/skin/reader/RM-Line-Height-Minus-38x14.svg");
547} 513}
548 514
549.line-height-plus-button { 515.line-height-plus-button {
550 background-size: 34px 24px; 516 background-size: 34px 24px;
551 background-image: url("chrome://global/skin/reader/RM-Line-Height-Plus-38x24.svg"); 517 background-image: url("chrome://global/skin/reader/RM-Line-Height-Plus-38x24.svg");
552} 518}
553 519
554@media print { 520@media print {
555 .toolbar { 521 .toolbar {
556 display: none !important; 522 display: none !important;
557 } 523 }
558} 524}
559 525
560/*======= Article content =======*/ 526/*======= Article content =======*/
@@ -564,101 +530,101 @@ body:not(.loaded) .toolbar:-moz-locale-dir(rtl) {
564 * Readability.js doesn't strip them out */ 530 * Readability.js doesn't strip them out */
565 531
566.moz-reader-content { 532.moz-reader-content {
567 display: none; 533 display: none;
568 font-size: 1em; 534 font-size: 1em;
569 line-height: 1.6em; 535 line-height: 1.6em;
570} 536}
571 537
572.moz-reader-content.line-height1 { 538.moz-reader-content.line-height1 {
573 line-height: 1em; 539 line-height: 1em;
574} 540}
575 541
576.moz-reader-content.line-height2 { 542.moz-reader-content.line-height2 {
577 line-height: 1.2em; 543 line-height: 1.2em;
578} 544}
579 545
580.moz-reader-content.line-height3 { 546.moz-reader-content.line-height3 {
581 line-height: 1.4em; 547 line-height: 1.4em;
582} 548}
583 549
584.moz-reader-content.line-height4 { 550.moz-reader-content.line-height4 {
585 line-height: 1.6em; 551 line-height: 1.6em;
586} 552}
587 553
588.moz-reader-content.line-height5 { 554.moz-reader-content.line-height5 {
589 line-height: 1.8em; 555 line-height: 1.8em;
590} 556}
591 557
592.moz-reader-content.line-height6 { 558.moz-reader-content.line-height6 {
593 line-height: 2.0em; 559 line-height: 2.0em;
594} 560}
595 561
596.moz-reader-content.line-height7 { 562.moz-reader-content.line-height7 {
597 line-height: 2.2em; 563 line-height: 2.2em;
598} 564}
599 565
600.moz-reader-content.line-height8 { 566.moz-reader-content.line-height8 {
601 line-height: 2.4em; 567 line-height: 2.4em;
602} 568}
603 569
604.moz-reader-content.line-height9 { 570.moz-reader-content.line-height9 {
605 line-height: 2.6em; 571 line-height: 2.6em;
606} 572}
607 573
608@media print { 574@media print {
609 .moz-reader-content p, 575 .moz-reader-content p,
610 .moz-reader-content code, 576 .moz-reader-content code,
611 .moz-reader-content pre, 577 .moz-reader-content pre,
612 .moz-reader-content blockquote, 578 .moz-reader-content blockquote,
613 .moz-reader-content ul, 579 .moz-reader-content ul,
614 .moz-reader-content ol, 580 .moz-reader-content ol,
615 .moz-reader-content li, 581 .moz-reader-content li,
616 .moz-reader-content figure, 582 .moz-reader-content figure,
617 .moz-reader-content .wp-caption { 583 .moz-reader-content .wp-caption {
618 margin: 0 0 10px 0 !important; 584 margin: 0 0 10px 0 !important;
619 padding: 0 !important; 585 padding: 0 !important;
620 } 586 }
621} 587}
622 588
623.moz-reader-content h1, 589.moz-reader-content h1,
624.moz-reader-content h2, 590.moz-reader-content h2,
625.moz-reader-content h3 { 591.moz-reader-content h3 {
626 font-weight: bold; 592 font-weight: bold;
627} 593}
628 594
629.moz-reader-content h1 { 595.moz-reader-content h1 {
630 font-size: 1.6em; 596 font-size: 1.6em;
631 line-height: 1.25em; 597 line-height: 1.25em;
632} 598}
633 599
634.moz-reader-content h2 { 600.moz-reader-content h2 {
635 font-size: 1.2em; 601 font-size: 1.2em;
636 line-height: 1.51em; 602 line-height: 1.51em;
637} 603}
638 604
639.moz-reader-content h3 { 605.moz-reader-content h3 {
640 font-size: 1em; 606 font-size: 1em;
641 line-height: 1.66em; 607 line-height: 1.66em;
642} 608}
643 609
644.moz-reader-content a:link { 610.moz-reader-content a:link {
645 text-decoration: underline; 611 text-decoration: underline;
646 font-weight: normal; 612 font-weight: normal;
647} 613}
648 614
649.moz-reader-content a:link, 615.moz-reader-content a:link,
650.moz-reader-content a:link:hover, 616.moz-reader-content a:link:hover,
651.moz-reader-content a:link:active { 617.moz-reader-content a:link:active {
652 color: #0095dd; 618 color: #0095dd;
653} 619}
654 620
655.moz-reader-content a:visited { 621.moz-reader-content a:visited {
656 color: #c2e; 622 color: #c2e;
657} 623}
658 624
659.moz-reader-content * { 625.moz-reader-content * {
660 max-width: 100%; 626 max-width: 100%;
661 height: auto; 627 height: auto;
662} 628}
663 629
664.moz-reader-content p, 630.moz-reader-content p,
@@ -671,63 +637,63 @@ body:not(.loaded) .toolbar:-moz-locale-dir(rtl) {
671.moz-reader-content li, 637.moz-reader-content li,
672.moz-reader-content figure, 638.moz-reader-content figure,
673.moz-reader-content .wp-caption { 639.moz-reader-content .wp-caption {
674 margin: -10px -10px 20px -10px; 640 margin: -10px -10px 20px -10px;
675 padding: 10px; 641 padding: 10px;
676 border-radius: 5px; 642 border-radius: 5px;
677} 643}
678 644
679.moz-reader-content li { 645.moz-reader-content li {
680 margin-bottom: 0; 646 margin-bottom: 0;
681} 647}
682 648
683.moz-reader-content li > ul, 649.moz-reader-content li > ul,
684.moz-reader-content li > ol { 650.moz-reader-content li > ol {
685 margin-bottom: -10px; 651 margin-bottom: -10px;
686} 652}
687 653
688.moz-reader-content p > img:only-child, 654.moz-reader-content p > img:only-child,
689.moz-reader-content p > a:only-child > img:only-child, 655.moz-reader-content p > a:only-child > img:only-child,
690.moz-reader-content .wp-caption img, 656.moz-reader-content .wp-caption img,
691.moz-reader-content figure img { 657.moz-reader-content figure img {
692 display: block; 658 display: block;
693} 659}
694 660
695.moz-reader-content img[moz-reader-center] { 661.moz-reader-content img[moz-reader-center] {
696 margin-left: auto; 662 margin-left: auto;
697 margin-right: auto; 663 margin-right: auto;
698} 664}
699 665
700.moz-reader-content .caption, 666.moz-reader-content .caption,
701.moz-reader-content .wp-caption-text 667.moz-reader-content .wp-caption-text
702.moz-reader-content figcaption { 668.moz-reader-content figcaption {
703 font-size: 0.9em; 669 font-size: 0.9em;
704 line-height: 1.48em; 670 line-height: 1.48em;
705 font-style: italic; 671 font-style: italic;
706} 672}
707 673
708.moz-reader-content code, 674.moz-reader-content code,
709.moz-reader-content pre { 675.moz-reader-content pre {
710 white-space: pre-wrap; 676 white-space: pre-wrap;
711} 677}
712 678
713.moz-reader-content blockquote { 679.moz-reader-content blockquote {
714 padding: 0; 680 padding: 0;
715 padding-inline-start: 16px; 681 padding-inline-start: 16px;
716} 682}
717 683
718.moz-reader-content ul, 684.moz-reader-content ul,
719.moz-reader-content ol { 685.moz-reader-content ol {
720 padding: 0; 686 padding: 0;
721} 687}
722 688
723.moz-reader-content ul { 689.moz-reader-content ul {
724 padding-inline-start: 30px; 690 padding-inline-start: 30px;
725 list-style: disc; 691 list-style: disc;
726} 692}
727 693
728.moz-reader-content ol { 694.moz-reader-content ol {
729 padding-inline-start: 30px; 695 padding-inline-start: 30px;
730 list-style: decimal; 696 list-style: decimal;
731} 697}
732 698
733/* Hide elements with common "hidden" class names */ 699/* Hide elements with common "hidden" class names */
@@ -736,5 +702,5 @@ body:not(.loaded) .toolbar:-moz-locale-dir(rtl) {
736.moz-reader-content .hidden, 702.moz-reader-content .hidden,
737.moz-reader-content .invisible, 703.moz-reader-content .invisible,
738.moz-reader-content .sr-only { 704.moz-reader-content .sr-only {
739 display: none; 705 display: none;
740} 706}
diff --git a/src/chrome/global/aboutSupport.css b/src/chrome/global/aboutSupport.css
index e17dc1d..c0a4573 100644
--- a/src/chrome/global/aboutSupport.css
+++ b/src/chrome/global/aboutSupport.css
@@ -3,7 +3,7 @@
3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
4 4
5html { 5html {
6 --aboutSupport-table-background: rgb(0,0,0); 6 --aboutSupport-table-background: #181411;
7 background-color: var(--in-content-page-background); 7 background-color: var(--in-content-page-background);
8} 8}
9 9
diff --git a/src/chrome/global/alerts/alert.css b/src/chrome/global/alerts/alert.css
index 43d12ec..e68a8ce 100644
--- a/src/chrome/global/alerts/alert.css
+++ b/src/chrome/global/alerts/alert.css
@@ -19,8 +19,8 @@
19#alertBox { 19#alertBox {
20 border: 1px solid rgb(64,64,64); 20 border: 1px solid rgb(64,64,64);
21 border-radius: 0; 21 border-radius: 0;
22 background-color: rgb(0,0,0); 22 background-color: #181411;
23 color: #fff; 23 color: #bfbbb6;
24 box-shadow: 0 0 4px rgba(255,255,255,.3); 24 box-shadow: 0 0 4px rgba(255,255,255,.3);
25} 25}
26 26
diff --git a/src/chrome/global/autocomplete.css b/src/chrome/global/autocomplete.css
index 389416e..8959a60 100644
--- a/src/chrome/global/autocomplete.css
+++ b/src/chrome/global/autocomplete.css
@@ -49,7 +49,7 @@ panel[type="private-autocomplete-richlistbox"],
49 -moz-border-bottom-colors: rgb(50,50,50); 49 -moz-border-bottom-colors: rgb(50,50,50);
50 -moz-border-left-colors: rgb(50,50,50); 50 -moz-border-left-colors: rgb(50,50,50);
51 padding: 0; 51 padding: 0;
52 background-color: rgb(0,0,0); 52 background-color: #181411;
53} 53}
54 54
55.autocomplete-history-popup, 55.autocomplete-history-popup,
@@ -92,7 +92,7 @@ treechildren.private-autocomplete-treebody::-moz-tree-row(selected) {
92 92
93treechildren.autocomplete-treebody::-moz-tree-cell-text(selected), 93treechildren.autocomplete-treebody::-moz-tree-cell-text(selected),
94treechildren.private-autocomplete-treebody::-moz-tree-cell-text(selected) { 94treechildren.private-autocomplete-treebody::-moz-tree-cell-text(selected) {
95 color: #fff !important; 95 color: #bfbbb6 !important;
96} 96}
97 97
98.autocomplete-treebody::-moz-tree-image(treecolAutoCompleteValue), 98.autocomplete-treebody::-moz-tree-image(treecolAutoCompleteValue),
@@ -116,7 +116,7 @@ treechildren.private-autocomplete-treebody::-moz-tree-cell-text(selected) {
116 116
117.autocomplete-richlistitem[selected="true"], 117.autocomplete-richlistitem[selected="true"],
118.private-autocomplete-richlistitem[selected="true"] { 118.private-autocomplete-richlistitem[selected="true"] {
119 color: #fff; 119 color: #bfbbb6;
120 background-color: rgb(1,1,1); 120 background-color: rgb(1,1,1);
121} 121}
122 122
diff --git a/src/chrome/global/button.css b/src/chrome/global/button.css
index dcc901e..eb8da66 100644
--- a/src/chrome/global/button.css
+++ b/src/chrome/global/button.css
@@ -20,8 +20,8 @@ button {
20 -moz-border-right-colors: rgb(75,75,75); 20 -moz-border-right-colors: rgb(75,75,75);
21 -moz-border-bottom-colors: rgb(75,75,75); 21 -moz-border-bottom-colors: rgb(75,75,75);
22 -moz-border-left-colors: rgb(75,75,75); 22 -moz-border-left-colors: rgb(75,75,75);
23 background-color: rgb(0,0,0); 23 background-color: #181411;
24 color: #fff; 24 color: #bfbbb6;
25 text-shadow: none; 25 text-shadow: none;
26} 26}
27 27
@@ -69,12 +69,12 @@ button[checked="true"] {
69 -moz-border-right-colors: rgb(75,75,75); 69 -moz-border-right-colors: rgb(75,75,75);
70 -moz-border-bottom-colors: rgb(75,75,75); 70 -moz-border-bottom-colors: rgb(75,75,75);
71 -moz-border-left-colors: rgb(75,75,75); 71 -moz-border-left-colors: rgb(75,75,75);
72 background-color: rgb(0,0,0); 72 background-color: #181411;
73 color: #fff; 73 color: #bfbbb6;
74} 74}
75 75
76button:hover:not(:active):not([disabled=true]) { 76button:hover:not(:active):not([disabled=true]) {
77 background-color: rgb(0,0,0); 77 background-color: #181411;
78} 78}
79 79
80button:hover:active > .button-box:-moz-system-metric(windows-classic), 80button:hover:active > .button-box:-moz-system-metric(windows-classic),
@@ -93,7 +93,7 @@ button[disabled="true"] {
93 -moz-border-right-colors: rgb(75,75,75) !important; 93 -moz-border-right-colors: rgb(75,75,75) !important;
94 -moz-border-bottom-colors: rgb(75,75,75) !important; 94 -moz-border-bottom-colors: rgb(75,75,75) !important;
95 -moz-border-left-colors: rgb(75,75,75) !important; 95 -moz-border-left-colors: rgb(75,75,75) !important;
96 background-color: rgb(0,0,0); 96 background-color: #181411;
97 color: GrayText; 97 color: GrayText;
98} 98}
99 99
diff --git a/src/chrome/global/checkbox.css b/src/chrome/global/checkbox.css
index 7879bd9..ba7ce52 100644
--- a/src/chrome/global/checkbox.css
+++ b/src/chrome/global/checkbox.css
@@ -43,7 +43,7 @@ checkbox:-moz-focusring > .checkbox-label-box {
43/* ..... disabled state ..... */ 43/* ..... disabled state ..... */
44 44
45checkbox[disabled="true"] > .checkbox-check { 45checkbox[disabled="true"] > .checkbox-check {
46 background-color: rgb(0,0,0); 46 background-color: #181411;
47} 47}
48 48
49checkbox[disabled="true"] { 49checkbox[disabled="true"] {
@@ -62,7 +62,7 @@ checkbox[disabled="true"] {
62 -moz-border-left-colors: rgb(75,75,75); 62 -moz-border-left-colors: rgb(75,75,75);
63 min-width: 13px; 63 min-width: 13px;
64 min-height: 13px; 64 min-height: 13px;
65 background: rgb(0,0,0) no-repeat 50% 50%; 65 background: #181411 no-repeat 50% 50%;
66} 66}
67 67
68checkbox:hover:active > .checkbox-check { 68checkbox:hover:active > .checkbox-check {
diff --git a/src/chrome/global/config.css b/src/chrome/global/config.css
index cfc3a90..69a5a9d 100644
--- a/src/chrome/global/config.css
+++ b/src/chrome/global/config.css
@@ -19,7 +19,7 @@
19#warningTitle { 19#warningTitle {
20 font-weight: lighter; 20 font-weight: lighter;
21 line-height: 1.2; 21 line-height: 1.2;
22 color: #fff; 22 color: #bfbbb6;
23 margin: 0; 23 margin: 0;
24 margin-bottom: .5em; 24 margin-bottom: .5em;
25} 25}
diff --git a/src/chrome/global/console/console.css b/src/chrome/global/console/console.css
index 18cb01e..0de92e3 100644
--- a/src/chrome/global/console/console.css
+++ b/src/chrome/global/console/console.css
@@ -13,8 +13,8 @@
13@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 13@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
14 14
15.console-box { 15.console-box {
16 background-color: rgb(0,0,0); 16 background-color: #181411;
17 color: #fff; 17 color: #bfbbb6;
18} 18}
19 19
20/* ::::: console rows ::::: */ 20/* ::::: console rows ::::: */
@@ -81,7 +81,7 @@
81/* ..... selected state ..... */ 81/* ..... selected state ..... */
82 82
83.console-row:hover { 83.console-row:hover {
84 background-color: rgb(0,0,0); 84 background-color: #181411;
85} 85}
86 86
87.console-row[selected="true"] { 87.console-row[selected="true"] {
@@ -90,7 +90,7 @@
90 90
91.console-row-code[selected="true"], 91.console-row-code[selected="true"],
92.console-row-content[selected="true"] > .console-row-file > .console-error-source > .text-link { 92.console-row-content[selected="true"] > .console-row-file > .console-error-source > .text-link {
93 color: #fff !important; 93 color: #bfbbb6 !important;
94} 94}
95 95
96/* ::::: icons ::::: */ 96/* ::::: icons ::::: */
@@ -134,14 +134,14 @@ toolbarseparator {
134 134
135#ToolbarMode toolbarbutton { 135#ToolbarMode toolbarbutton {
136 -moz-appearance: none; 136 -moz-appearance: none;
137 color: #fff; 137 color: #bfbbb6;
138 border: none; 138 border: none;
139 min-width: 57px; 139 min-width: 57px;
140 padding: 4px !important; 140 padding: 4px !important;
141} 141}
142 142
143#ToolbarMode toolbarbutton:hover { 143#ToolbarMode toolbarbutton:hover {
144 background-color: rgb(0,0,0); 144 background-color: #181411;
145} 145}
146 146
147toolbar#ToolbarMode toolbarbutton:active, 147toolbar#ToolbarMode toolbarbutton:active,
diff --git a/src/chrome/global/customizeToolbar.css b/src/chrome/global/customizeToolbar.css
index 268f510..fc9ca73 100644
--- a/src/chrome/global/customizeToolbar.css
+++ b/src/chrome/global/customizeToolbar.css
@@ -15,8 +15,8 @@ dialog {
15#palette-box { 15#palette-box {
16 -moz-appearance: none; 16 -moz-appearance: none;
17 margin: 0 0 10px; 17 margin: 0 0 10px;
18 background-color: rgb(0,0,0); 18 background-color: #181411;
19 color: #fff; 19 color: #bfbbb6;
20 border: 1px solid rgb(64,64,64); 20 border: 1px solid rgb(64,64,64);
21} 21}
22 22
diff --git a/src/chrome/global/datetimepicker.css b/src/chrome/global/datetimepicker.css
index 284abfe..42902b6 100644
--- a/src/chrome/global/datetimepicker.css
+++ b/src/chrome/global/datetimepicker.css
@@ -25,8 +25,8 @@ datepicker, timepicker {
25 padding: 2px 0 3px 0; 25 padding: 2px 0 3px 0;
26 padding-inline-start: 4px; 26 padding-inline-start: 4px;
27 padding-inline-end: 2px; 27 padding-inline-end: 2px;
28 background-color: rgb(0,0,0); 28 background-color: #181411;
29 color: #fff; 29 color: #bfbbb6;
30} 30}
31 31
32.datetimepicker-input-subbox { 32.datetimepicker-input-subbox {
@@ -47,22 +47,22 @@ html|*.datetimepicker-input {
47 47
48datepicker[readonly="true"], 48datepicker[readonly="true"],
49timepicker[readonly="true"] { 49timepicker[readonly="true"] {
50 background-color: rgb(0,0,0); 50 background-color: #181411;
51 color: rgb(219,219,219); 51 color: rgb(219,219,219);
52} 52}
53 53
54datepicker[disabled="true"], 54datepicker[disabled="true"],
55timepicker[disabled="true"] { 55timepicker[disabled="true"] {
56 cursor: default; 56 cursor: default;
57 background-color: rgb(0,0,0); 57 background-color: #181411;
58 color: rgb(200,200,200); 58 color: rgb(200,200,200);
59} 59}
60 60
61.datepicker-mainbox { 61.datepicker-mainbox {
62 margin: 2px 4px; 62 margin: 2px 4px;
63 border: 1px solid rgb(0,0,0); 63 border: 1px solid #181411;
64 background-color: rgb(0,0,0); 64 background-color: #181411;
65 color: #fff; 65 color: #bfbbb6;
66} 66}
67 67
68.datepicker-popupgrid > .datepicker-mainbox { 68.datepicker-popupgrid > .datepicker-mainbox {
@@ -81,7 +81,7 @@ timepicker[disabled="true"] {
81 81
82.datepicker-gridlabel[selected="true"] { 82.datepicker-gridlabel[selected="true"] {
83 background-color: rgb(1,1,1); 83 background-color: rgb(1,1,1);
84 color: #fff; 84 color: #bfbbb6;
85} 85}
86 86
87.datepicker-button { 87.datepicker-button {
diff --git a/src/chrome/global/dialog.css b/src/chrome/global/dialog.css
index c1af36c..bf070b4 100644
--- a/src/chrome/global/dialog.css
+++ b/src/chrome/global/dialog.css
@@ -31,7 +31,7 @@ dialogheader {
31 border: 1px solid rgb(50,50,50); 31 border: 1px solid rgb(50,50,50);
32 padding: 5px 8px; 32 padding: 5px 8px;
33 background-color: rgb(1,1,1); 33 background-color: rgb(1,1,1);
34 color: #fff; 34 color: #bfbbb6;
35} 35}
36 36
37.dialogheader-title { 37.dialogheader-title {
@@ -56,8 +56,8 @@ dialogheader {
56 padding-bottom: 12px; 56 padding-bottom: 12px;
57 padding-inline-start: 25px; 57 padding-inline-start: 25px;
58 padding-inline-end: 5px; 58 padding-inline-end: 5px;
59 background-color: rgb(0,0,0); 59 background-color: #181411;
60 color: #fff; 60 color: #bfbbb6;
61} 61}
62 62
63.header-large > .dialogheader-title { 63.header-large > .dialogheader-title {
diff --git a/src/chrome/global/dirListing/dirListing.css b/src/chrome/global/dirListing/dirListing.css
index 6b93d9f..2f286ee 100644
--- a/src/chrome/global/dirListing/dirListing.css
+++ b/src/chrome/global/dirListing/dirListing.css
@@ -3,8 +3,8 @@
3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
4 4
5:root { 5:root {
6 background-color: rgb(0,0,0); 6 background-color: #181411;
7 color: #fff; 7 color: #bfbbb6;
8 font: message-box; 8 font: message-box;
9 padding-left: 2em; 9 padding-left: 2em;
10 padding-right: 2em; 10 padding-right: 2em;
@@ -17,8 +17,8 @@ body {
17 min-width: 30em; 17 min-width: 30em;
18 max-width: 65em; 18 max-width: 65em;
19 margin: 4em auto; 19 margin: 4em auto;
20 background-color: rgb(0,0,0); 20 background-color: #181411;
21 color: #fff; 21 color: #bfbbb6;
22} 22}
23 23
24h1 { 24h1 {
@@ -30,7 +30,7 @@ h1 {
30 30
31a { 31a {
32 text-decoration: none; 32 text-decoration: none;
33 color: #fff; 33 color: #bfbbb6;
34} 34}
35 35
36a:hover { 36a:hover {
diff --git a/src/chrome/global/filefield.css b/src/chrome/global/filefield.css
index f661d8b..694be29 100644
--- a/src/chrome/global/filefield.css
+++ b/src/chrome/global/filefield.css
@@ -9,14 +9,14 @@
9filefield { 9filefield {
10 margin: 2px 4px; 10 margin: 2px 4px;
11 -moz-appearance: none; 11 -moz-appearance: none;
12 background-color: rgb(0,0,0); 12 background-color: #181411;
13 color: #fff; 13 color: #bfbbb6;
14 border-color: rgb(50,50,50); 14 border-color: rgb(50,50,50);
15} 15}
16 16
17.fileFieldContentBox { 17.fileFieldContentBox {
18 background-color: rgb(0,0,0); 18 background-color: #181411;
19 color: #fff; 19 color: #bfbbb6;
20} 20}
21 21
22.fileFieldIcon[disabled="true"] { 22.fileFieldIcon[disabled="true"] {
@@ -35,7 +35,7 @@ filefield {
35.fileFieldLabel { 35.fileFieldLabel {
36 -moz-appearance: none; 36 -moz-appearance: none;
37 background-color: transparent; 37 background-color: transparent;
38 color: #fff; 38 color: #bfbbb6;
39 border: none; 39 border: none;
40 margin: 0px; 40 margin: 0px;
41} 41}
diff --git a/src/chrome/global/findBar.css b/src/chrome/global/findBar.css
index 2fb57de..db00380 100644
--- a/src/chrome/global/findBar.css
+++ b/src/chrome/global/findBar.css
@@ -82,7 +82,7 @@ findbar[hidden] {
82.findbar-find-previous, 82.findbar-find-previous,
83.findbar-find-next { 83.findbar-find-next {
84 -moz-appearance: none; 84 -moz-appearance: none;
85 background: rgb(0,0,0); 85 background: #181411;
86 border: 1px solid rgb(75,75,75); 86 border: 1px solid rgb(75,75,75);
87 list-style-image: url("chrome://global/skin/icons/find-arrows.png"); 87 list-style-image: url("chrome://global/skin/icons/find-arrows.png");
88 padding: 2px 6px; 88 padding: 2px 6px;
diff --git a/src/chrome/global/global.css b/src/chrome/global/global.css
index 93b282a..1cbd412 100644
--- a/src/chrome/global/global.css
+++ b/src/chrome/global/global.css
@@ -34,8 +34,8 @@ dialog,
34wizard, 34wizard,
35prefwindow { 35prefwindow {
36 -moz-appearance: none; 36 -moz-appearance: none;
37 background-color: rgb(0,0,0); 37 background-color: #181411;
38 color: #fff; 38 color: #bfbbb6;
39 font: message-box; 39 font: message-box;
40} 40}
41 41
@@ -91,7 +91,7 @@ statusbar {
91 border-left: 1px solid rgb(64,64,64); 91 border-left: 1px solid rgb(64,64,64);
92 border-right: 1px solid rgb(64,64,64); 92 border-right: 1px solid rgb(64,64,64);
93 border-bottom: 1px solid rgb(64,64,64); 93 border-bottom: 1px solid rgb(64,64,64);
94 background-color: rgb(0,0,0); 94 background-color: #181411;
95 min-height: 22px; 95 min-height: 22px;
96} 96}
97 97
@@ -131,7 +131,7 @@ statusbarpanel:not(.statusbar-resizerpanel):-moz-lwtheme {
131 131
132sidebarheader { 132sidebarheader {
133 height: 25px; 133 height: 25px;
134 background-color: rgb(0,0,0); 134 background-color: #181411;
135 -moz-appearance: toolbox; 135 -moz-appearance: toolbox;
136 border-bottom: 1px solid rgb(64,64,64); 136 border-bottom: 1px solid rgb(64,64,64);
137 border-top: 1px solid rgb(64,64,64); 137 border-top: 1px solid rgb(64,64,64);
@@ -275,7 +275,7 @@ label[disabled="true"]:-moz-system-metric(windows-classic) {
275} 275}
276 276
277.text-link { 277.text-link {
278 color: #fff; 278 color: #bfbbb6;
279 text-decoration: underline; 279 text-decoration: underline;
280 border: 1px solid transparent; 280 border: 1px solid transparent;
281 cursor: pointer; 281 cursor: pointer;
diff --git a/src/chrome/global/groupbox.css b/src/chrome/global/groupbox.css
index d3b5bb9..da9bcf2 100644
--- a/src/chrome/global/groupbox.css
+++ b/src/chrome/global/groupbox.css
@@ -24,13 +24,13 @@ groupbox {
24 24
25caption { 25caption {
26 margin: 0 6px; 26 margin: 0 6px;
27 background-color: rgb(0,0,0); 27 background-color: #181411;
28 color: #FFFFFF !important; 28 color: #FFFFFF !important;
29} 29}
30 30
31tabpanels caption { 31tabpanels caption {
32 -moz-appearance: none; 32 -moz-appearance: none;
33 background-color: rgb(0,0,0); 33 background-color: #181411;
34 color: #FFFFFF !important; 34 color: #FFFFFF !important;
35} 35}
36 36
diff --git a/src/chrome/global/in-content/common.css b/src/chrome/global/in-content/common.css
index 63bf3f4..5ea08da 100644
--- a/src/chrome/global/in-content/common.css
+++ b/src/chrome/global/in-content/common.css
@@ -6,18 +6,18 @@
6@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; 6@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
7 7
8*|*:root { 8*|*:root {
9 --in-content-page-color: #fff; 9 --in-content-page-color: #ffffff;
10 --in-content-page-background: rgb(0,0,0); 10 --in-content-page-background: #181411;
11 --in-content-frame-background: rgb(0,0,0); 11 --in-content-frame-background: #181411;
12 --in-content-main-border-color: rgb(50,50,50); 12 --in-content-main-border-color: rgb(50,50,50);
13 --in-content-main-background-color: rgb(0,0,0); 13 --in-content-main-background-color: #181411;
14 --in-content-main-background-image: transparent; 14 --in-content-main-background-image: transparent;
15 --in-content-text-color: #fff; 15 --in-content-text-color: #ffffff;
16 --in-content-selected-text: #fff; 16 --in-content-selected-text: #fff;
17 --in-content-header-border-color: rgb(50,50,50); 17 --in-content-header-border-color: rgb(50,50,50);
18 --in-content-box-background: rgb(0,0,0); 18 --in-content-box-background: #181411;
19 --in-content-box-background-odd: #f3f6fa; 19 --in-content-box-background-odd: #f3f6fa;
20 --in-content-box-background-hover: rgb(0,0,0); 20 --in-content-box-background-hover: #181411;
21 --in-content-box-background-active: rgb(1,1,1); 21 --in-content-box-background-active: rgb(1,1,1);
22 --in-content-box-border-color: rgb(75,75,75); 22 --in-content-box-border-color: rgb(75,75,75);
23 --in-content-item-hover: rgb(110,110,110); 23 --in-content-item-hover: rgb(110,110,110);
@@ -33,11 +33,11 @@
33 --in-content-category-background-hover: #5e6972; 33 --in-content-category-background-hover: #5e6972;
34 --in-content-category-background-active: #343f48; 34 --in-content-category-background-active: #343f48;
35 --in-content-tab-color: #424f5a; 35 --in-content-tab-color: #424f5a;
36 --in-content-link-color: #fff; 36 --in-content-link-color: #ffffff;
37 --in-content-link-color-hover: rgb(219,219,219); 37 --in-content-link-color-hover: rgb(219,219,219);
38 --in-content-link-color-active: rgb(219,219,219); 38 --in-content-link-color-active: rgb(219,219,219);
39 --in-content-link-color-visited: #551a8b; 39 --in-content-link-color-visited: #551a8b;
40 --in-content-primary-button-background: rgb(0,0,0); 40 --in-content-primary-button-background: #181411;
41 --in-content-primary-button-background-hover: rgb(110,110,110); 41 --in-content-primary-button-background-hover: rgb(110,110,110);
42 --in-content-primary-button-background-active: rgb(43,43,43); 42 --in-content-primary-button-background-active: rgb(43,43,43);
43 --in-content-table-border-dark-color: rgb(50,50,50); 43 --in-content-table-border-dark-color: rgb(50,50,50);
@@ -715,7 +715,7 @@ xul|*.radio-label-box {
715 -moz-appearance: none; 715 -moz-appearance: none;
716 box-sizing: border-box; 716 box-sizing: border-box;
717 background-color: transparent; 717 background-color: transparent;
718 color: #fff; 718 color: #bfbbb6;
719 padding-inline-start: 4px; 719 padding-inline-start: 4px;
720 padding-inline-end: 27px; 720 padding-inline-end: 27px;
721 border: 1px solid transparent; 721 border: 1px solid transparent;
@@ -889,7 +889,7 @@ xul|treecolpicker {
889 -moz-appearance: none; 889 -moz-appearance: none;
890 border: none; 890 border: none;
891 background-color: var(--in-content-box-background-hover); 891 background-color: var(--in-content-box-background-hover);
892 color: #fff; 892 color: #bfbbb6;
893 padding: 5px 10px; 893 padding: 5px 10px;
894} 894}
895 895
@@ -1143,7 +1143,7 @@ xul|treechildren::-moz-tree-cell-text(selected) {
1143 1143
1144/* @-moz-document url-prefix("about:privatebrowsing"){ */ 1144/* @-moz-document url-prefix("about:privatebrowsing"){ */
1145 div#bar.showPrivate{ 1145 div#bar.showPrivate{
1146 background-color: #000; 1146 background-color: #181411;
1147 } 1147 }
1148 .showPrivate ul#forgotten > li{ 1148 .showPrivate ul#forgotten > li{
1149 background-image: url("chrome://global/skin/in-content/check.svg#check"); 1149 background-image: url("chrome://global/skin/in-content/check.svg#check");
@@ -1160,13 +1160,13 @@ xul|treechildren::-moz-tree-cell-text(selected) {
1160 background-color: #9b9b9b; 1160 background-color: #9b9b9b;
1161 } 1161 }
1162 .showPrivate span#tpDisabled{ 1162 .showPrivate span#tpDisabled{
1163 background-color: #000; 1163 background-color: #181411;
1164 } 1164 }
1165/* } */ 1165/* } */
1166 1166
1167@-moz-document url-prefix("about:performance") { 1167@-moz-document url-prefix("about:performance") {
1168 #subprocess-reports td { 1168 #subprocess-reports td {
1169 background-color: rgb(0,0,0) !important; 1169 background-color: #181411 !important;
1170 } 1170 }
1171} 1171}
1172 1172
diff --git a/src/chrome/global/inContentUI.css b/src/chrome/global/inContentUI.css
index e2e0691..a240cd1 100644
--- a/src/chrome/global/inContentUI.css
+++ b/src/chrome/global/inContentUI.css
@@ -48,8 +48,8 @@
48 -moz-appearance: none; 48 -moz-appearance: none;
49 padding: 18px; 49 padding: 18px;
50 background-repeat: repeat; 50 background-repeat: repeat;
51 color: #fff; 51 color: #bfbbb6;
52 background-color: rgb(0,0,0); 52 background-color: #181411;
53} 53}
54 54
55html|html { 55html|html {
@@ -68,9 +68,9 @@ html|html {
68 /* Disabled because of bug 623615 68 /* Disabled because of bug 623615
69 overflow: hidden; 69 overflow: hidden;
70 */ 70 */
71 background-color: rgb(0,0,0); 71 background-color: #181411;
72 border: 1px solid rgb(64,64,64); 72 border: 1px solid rgb(64,64,64);
73 color: #fff; 73 color: #bfbbb6;
74 border-radius: 5px; 74 border-radius: 5px;
75} 75}
76 76
@@ -79,9 +79,9 @@ html|html {
79 menulist, 79 menulist,
80 colorpicker[type="button"] { 80 colorpicker[type="button"] {
81 -moz-appearance: none; 81 -moz-appearance: none;
82 color: #fff; 82 color: #bfbbb6;
83 padding: 0 5px; 83 padding: 0 5px;
84 background-color: rgb(0,0,0); 84 background-color: #181411;
85 background-clip: padding-box; 85 background-clip: padding-box;
86 border-radius: 3px; 86 border-radius: 3px;
87 border: 1px solid rgb(75,75,75); 87 border: 1px solid rgb(75,75,75);
@@ -103,7 +103,7 @@ html|html {
103 -moz-border-right-colors: rgb(64,64,64) !important; 103 -moz-border-right-colors: rgb(64,64,64) !important;
104 -moz-border-bottom-colors: rgb(64,64,64) !important; 104 -moz-border-bottom-colors: rgb(64,64,64) !important;
105 -moz-border-left-colors: rgb(64,64,64) !important; 105 -moz-border-left-colors: rgb(64,64,64) !important;
106 background-color: rgb(0,0,0); 106 background-color: #181411;
107 color: #GrayText; 107 color: #GrayText;
108 } 108 }
109 109
@@ -117,7 +117,7 @@ html|html {
117 117
118 html|button:not([disabled]):hover, 118 html|button:not([disabled]):hover,
119 button:not([disabled="true"]):hover { 119 button:not([disabled="true"]):hover {
120 background-color: rgb(0,0,0); 120 background-color: #181411;
121 } 121 }
122 122
123 button > .button-box { 123 button > .button-box {
diff --git a/src/chrome/global/listbox.css b/src/chrome/global/listbox.css
index 9e05272..f8cc813 100644
--- a/src/chrome/global/listbox.css
+++ b/src/chrome/global/listbox.css
@@ -14,8 +14,8 @@ listbox {
14 -moz-appearance: none; 14 -moz-appearance: none;
15 margin: 2px 4px; 15 margin: 2px 4px;
16 border: 1px solid rgb(64,64,64); 16 border: 1px solid rgb(64,64,64);
17 background-color: rgb(0,0,0); 17 background-color: #181411;
18 color: #fff; 18 color: #bfbbb6;
19}64 19}64
20 20
21listbox[disabled="true"] { 21listbox[disabled="true"] {
@@ -40,7 +40,7 @@ listbox:focus > listitem[current="true"] {
40listitem[selected="true"], 40listitem[selected="true"],
41listbox:focus > listitem[selected="true"] { 41listbox:focus > listitem[selected="true"] {
42 64-color: rgb(128,128,128); 42 64-color: rgb(128,128,128);
43 color: #fff; 43 color: #bfbbb6;
44} 44}
45 45
46/* ::::: listheader ::::: */ 46/* ::::: listheader ::::: */
@@ -49,8 +49,8 @@ listheader {
49 -moz-appearance: none; 49 -moz-appearance: none;
50 -moz-box-align: center; 50 -moz-box-align: center;
51 border: 1px solid rgb(64,64,64); 51 border: 1px solid rgb(64,64,64);
52 background-color: rgb(0,0,0); 52 background-color: #181411;
53 color: #fff; 53 color: #bfbbb6;
54 padding: 0 4px; 54 padding: 0 4px;
55} 55}
56 56
@@ -128,7 +128,7 @@ listheader[sortable="true"]:hover:active {
128 -moz-border-left-colors: rgb(64,64,64); 128 -moz-border-left-colors: rgb(64,64,64);
129 min-width: 13px; 129 min-width: 13px;
130 min-height: 13px; 130 min-height: 13px;
131 background: rgb(0,0,0) no-repeat 50% 50%; 131 background: #181411 no-repeat 50% 50%;
132} 132}
133 133
134.listcell-check[checked="true"] { 134.listcell-check[checked="true"] {
diff --git a/src/chrome/global/narrate.css b/src/chrome/global/narrate.css
index 76b488c..e2e7c6b 100644
--- a/src/chrome/global/narrate.css
+++ b/src/chrome/global/narrate.css
@@ -15,7 +15,7 @@ body.sepia .narrating {
15} 15}
16 16
17body.dark .narrating { 17body.dark .narrating {
18 background-color: #000000; 18 background-color: #181411;
19} 19}
20 20
21.narrate-word-highlight { 21.narrate-word-highlight {
@@ -62,7 +62,7 @@ body.dark .narrate-word-highlight {
62} 62}
63 63
64.narrate-dropdown > .dropdown-popup button:hover:not(:disabled) { 64.narrate-dropdown > .dropdown-popup button:hover:not(:disabled) {
65 background-color: #000000; 65 background-color: #181411;
66} 66}
67 67
68.narrate-row { 68.narrate-row {
@@ -158,7 +158,7 @@ body.dark .narrate-word-highlight {
158} 158}
159 159
160.narrate-rate-input::-moz-range-thumb { 160.narrate-rate-input::-moz-range-thumb {
161 background-color: #000000; 161 background-color: #181411;
162 height: 16px; 162 height: 16px;
163 width: 16px; 163 width: 16px;
164 border-radius: 8px; 164 border-radius: 8px;
@@ -208,7 +208,7 @@ body.dark .narrate-word-highlight {
208} 208}
209 209
210.voiceselect > .options:not(.hovering) > button.option:focus { 210.voiceselect > .options:not(.hovering) > button.option:focus {
211 background-color: #000000; 211 background-color: #181411;
212} 212}
213 213
214.voiceselect > .options:not(.hovering) > button.option:hover:not(:focus) { 214.voiceselect > .options:not(.hovering) > button.option:hover:not(:focus) {
diff --git a/src/chrome/global/netError.css b/src/chrome/global/netError.css
index 06f58db..326ad5b 100644
--- a/src/chrome/global/netError.css
+++ b/src/chrome/global/netError.css
@@ -8,13 +8,13 @@
8 */ 8 */
9 9
10html { 10html {
11 background: rgb(0,0,0); 11 background: #181411;
12} 12}
13 13
14body { 14body {
15 margin: 0; 15 margin: 0;
16 padding: 0 1em; 16 padding: 0 1em;
17 color: #fff; 17 color: #bfbbb6;
18 font: message-box; 18 font: message-box;
19} 19}
20 20
@@ -114,8 +114,8 @@ body[dir="rtl"] #errorPageContainer {
114} 114}
115 115
116#securityOverrideContent { 116#securityOverrideContent {
117 background-color: rgb(0,0,0); 117 background-color: #181411;
118 color: #fff; 118 color: #bfbbb6;
119 padding: 10px; 119 padding: 10px;
120 border-radius: 10px; 120 border-radius: 10px;
121} 121}
diff --git a/src/chrome/global/notification.css b/src/chrome/global/notification.css
index 6ac2d60..b01a051 100644
--- a/src/chrome/global/notification.css
+++ b/src/chrome/global/notification.css
@@ -5,14 +5,14 @@
5@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 5@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
6 6
7notification { 7notification {
8 background-color: rgb(0,0,0); 8 background-color: #181411;
9 color: #fff; 9 color: #bfbbb6;
10 text-shadow: none; 10 text-shadow: none;
11} 11}
12 12
13notification[type="info"] { 13notification[type="info"] {
14 background-color: rgb(0,0,0); 14 background-color: #181411;
15 color: #fff; 15 color: #bfbbb6;
16} 16}
17 17
18notification[type="critical"] { 18notification[type="critical"] {
@@ -90,7 +90,7 @@ notification[type="critical"] {
90 -moz-appearance: none; 90 -moz-appearance: none;
91 margin: 0; 91 margin: 0;
92 border: 1px solid rgb(64,64,64); 92 border: 1px solid rgb(64,64,64);
93 background: rgb(0,0,0); 93 background: #181411;
94} 94}
95 95
96.popup-notification-menubutton > .button-menubutton-button { 96.popup-notification-menubutton > .button-menubutton-button {
@@ -134,14 +134,14 @@ notification[type="critical"] {
134.popup-notification-menubutton:not([type="menu-button"]):hover, 134.popup-notification-menubutton:not([type="menu-button"]):hover,
135.popup-notification-menubutton > .button-menubutton-button:hover, 135.popup-notification-menubutton > .button-menubutton-button:hover,
136.popup-notification-menubutton > .button-menubutton-dropmarker:hover { 136.popup-notification-menubutton > .button-menubutton-dropmarker:hover {
137 background: rgb(0,0,0); 137 background: #181411;
138} 138}
139 139
140.popup-notification-menubutton:not([type="menu-button"]):hover:active, 140.popup-notification-menubutton:not([type="menu-button"]):hover:active,
141.popup-notification-menubutton > .button-menubutton-button:hover:active, 141.popup-notification-menubutton > .button-menubutton-button:hover:active,
142.popup-notification-menubutton > .button-menubutton-dropmarker:hover:active, 142.popup-notification-menubutton > .button-menubutton-dropmarker:hover:active,
143.popup-notification-menubutton[open="true"] > .button-menubutton-dropmarker { 143.popup-notification-menubutton[open="true"] > .button-menubutton-dropmarker {
144 background: rgb(0,0,0); 144 background: #181411;
145} 145}
146 146
147.popup-notification-closebutton { 147.popup-notification-closebutton {
diff --git a/src/chrome/global/preferences.css b/src/chrome/global/preferences.css
index 4180b28..b7bcfe1 100644
--- a/src/chrome/global/preferences.css
+++ b/src/chrome/global/preferences.css
@@ -53,8 +53,8 @@ radio[pane] {
53 border-bottom: 1px solid rgb(64,64,64); 53 border-bottom: 1px solid rgb(64,64,64);
54 margin: 0px; 54 margin: 0px;
55 padding-inline-start: 10px; 55 padding-inline-start: 10px;
56 background-color: rgb(0,0,0); 56 background-color: #181411;
57 color: #fff; 57 color: #bfbbb6;
58} 58}
59 59
60.paneButtonIcon { 60.paneButtonIcon {
@@ -63,14 +63,14 @@ radio[pane] {
63} 63}
64 64
65radio[pane]:hover { 65radio[pane]:hover {
66 background-color: rgb(0,0,0); 66 background-color: #181411;
67 color: #fff; 67 color: #bfbbb6;
68 -moz-appearance: none; 68 -moz-appearance: none;
69} 69}
70 70
71radio[pane][selected="true"] { 71radio[pane][selected="true"] {
72 background-color: rgb(1,1,1); 72 background-color: rgb(1,1,1);
73 color: #fff; 73 color: #bfbbb6;
74 -moz-appearance: none; 74 -moz-appearance: none;
75} 75}
76 76
diff --git a/src/chrome/global/progressmeter.css b/src/chrome/global/progressmeter.css
index 9b37efa..914a613 100644
--- a/src/chrome/global/progressmeter.css
+++ b/src/chrome/global/progressmeter.css
@@ -19,7 +19,7 @@ progressmeter {
19 -moz-border-bottom-colors: rgb(64,64,64); 19 -moz-border-bottom-colors: rgb(64,64,64);
20 -moz-border-left-colors: rgb(64,64,64); 20 -moz-border-left-colors: rgb(64,64,64);
21 border-radius: 3px; 21 border-radius: 3px;
22 background-color: rgb(0,0,0); 22 background-color: #181411;
23 min-width: 128px; 23 min-width: 128px;
24 min-height: 15px; 24 min-height: 15px;
25} 25}
diff --git a/src/chrome/global/richlistbox.css b/src/chrome/global/richlistbox.css
index bb858ce..d072653 100644
--- a/src/chrome/global/richlistbox.css
+++ b/src/chrome/global/richlistbox.css
@@ -7,8 +7,8 @@
7richlistbox { 7richlistbox {
8 -moz-appearance: none; 8 -moz-appearance: none;
9 margin: 2px 4px; 9 margin: 2px 4px;
10 background-color: rgb(0,0,0); 10 background-color: #181411;
11 color: #fff; 11 color: #bfbbb6;
12} 12}
13 13
14richlistbox[disabled="true"] { 14richlistbox[disabled="true"] {
@@ -17,12 +17,12 @@ richlistbox[disabled="true"] {
17 17
18richlistitem[selected="true"] { 18richlistitem[selected="true"] {
19 background-color: rgb(1,1,1); 19 background-color: rgb(1,1,1);
20 color: #fff; 20 color: #bfbbb6;
21} 21}
22 22
23richlistbox:focus > richlistitem[selected="true"] { 23richlistbox:focus > richlistitem[selected="true"] {
24 background-color: rgb(1,1,1); 24 background-color: rgb(1,1,1);
25 color: #fff; 25 color: #bfbbb6;
26} 26}
27 27
28richlistbox[seltype="multiple"]:focus > richlistitem[current="true"] { 28richlistbox[seltype="multiple"]:focus > richlistitem[current="true"] {
diff --git a/src/chrome/global/spinbuttons.css b/src/chrome/global/spinbuttons.css
index c77a2fc..b6419ec 100644
--- a/src/chrome/global/spinbuttons.css
+++ b/src/chrome/global/spinbuttons.css
@@ -18,7 +18,7 @@ spinbuttons {
18 -moz-border-right-colors: rgb(64,64,64); 18 -moz-border-right-colors: rgb(64,64,64);
19 -moz-border-bottom-colors: rgb(64,64,64); 19 -moz-border-bottom-colors: rgb(64,64,64);
20 -moz-border-left-colors: rgb(64,64,64); 20 -moz-border-left-colors: rgb(64,64,64);
21 background-color: rgb(0,0,0); 21 background-color: #181411;
22} 22}
23 23
24.spinbuttons-button > .button-box { 24.spinbuttons-button > .button-box {
@@ -26,15 +26,15 @@ spinbuttons {
26} 26}
27 27
28.spinbuttons-button:hover { 28.spinbuttons-button:hover {
29 background-color: rgb(0,0,0); 29 background-color: #181411;
30} 30}
31 31
32.spinbuttons-button:hover:active { 32.spinbuttons-button:hover:active {
33 background-color: rgb(0,0,0); 33 background-color: #181411;
34} 34}
35 35
36.spinbuttons-button[disabled="true"] { 36.spinbuttons-button[disabled="true"] {
37 background-color: rgb(0,0,0); 37 background-color: #181411;
38} 38}
39 39
40.spinbuttons-up { 40.spinbuttons-up {
diff --git a/src/chrome/global/splitter.css b/src/chrome/global/splitter.css
index 3fc6cf5..b721a58 100644
--- a/src/chrome/global/splitter.css
+++ b/src/chrome/global/splitter.css
@@ -19,7 +19,7 @@ splitter {
19 -moz-border-left-colors: rgb(62,62,62) rgb(75,75,75); 19 -moz-border-left-colors: rgb(62,62,62) rgb(75,75,75);
20 -moz-border-right-colors: rgb(43,43,43) rgb(50,50,50); 20 -moz-border-right-colors: rgb(43,43,43) rgb(50,50,50);
21 min-width: 6px; 21 min-width: 6px;
22 background-color: rgb(0,0,0); 22 background-color: #181411;
23} 23}
24 24
25splitter[state="collapsed"][collapse="before"], 25splitter[state="collapsed"][collapse="before"],
diff --git a/src/chrome/global/tabbox.css b/src/chrome/global/tabbox.css
index 866d025..c04d09e 100644
--- a/src/chrome/global/tabbox.css
+++ b/src/chrome/global/tabbox.css
@@ -27,8 +27,8 @@ tabpanels {
27 -moz-border-bottom-colors: rgb(64,64,64); 27 -moz-border-bottom-colors: rgb(64,64,64);
28 -moz-border-left-colors: rgb(64,64,64); 28 -moz-border-left-colors: rgb(64,64,64);
29 padding: 8px; 29 padding: 8px;
30 background-color: rgb(0,0,0); 30 background-color: #181411;
31 color: #fff; 31 color: #bfbbb6;
32} 32}
33 33
34/* ::::: tab ::::: */ 34/* ::::: tab ::::: */
@@ -47,8 +47,8 @@ tab {
47 border-top-left-radius: 0px; 47 border-top-left-radius: 0px;
48 border-top-right-radius: 0px; 48 border-top-right-radius: 0px;
49 padding: 1px 4px 2px 4px; 49 padding: 1px 4px 2px 4px;
50 background-color: rgb(0,0,0); 50 background-color: #181411;
51 color: #fff; 51 color: #bfbbb6;
52} 52}
53 53
54tab:-moz-locale-dir(rtl) { 54tab:-moz-locale-dir(rtl) {
diff --git a/src/chrome/global/tabprompts.css b/src/chrome/global/tabprompts.css
index ae010aa..2ad0b9c 100644
--- a/src/chrome/global/tabprompts.css
+++ b/src/chrome/global/tabprompts.css
@@ -6,8 +6,8 @@ tabmodalprompt {
6} 6}
7 7
8.mainContainer { 8.mainContainer {
9 color: #fff; 9 color: #bfbbb6;
10 background-color: rgb(0,0,0); 10 background-color: #181411;
11 background-clip: padding-box; 11 background-clip: padding-box;
12 border-radius: 5px; 12 border-radius: 5px;
13 border: 1px solid rgb(64,64,64); 13 border: 1px solid rgb(64,64,64);
diff --git a/src/chrome/global/textbox.css b/src/chrome/global/textbox.css
index 574fa54..9666072 100644
--- a/src/chrome/global/textbox.css
+++ b/src/chrome/global/textbox.css
@@ -22,8 +22,8 @@ textbox {
22 border: 1px solid rgb(64,64,64); 22 border: 1px solid rgb(64,64,64);
23 padding: 2px 2px 3px; 23 padding: 2px 2px 3px;
24 padding-inline-start: 4px; 24 padding-inline-start: 4px;
25 background-color: rgb(0,0,0); 25 background-color: #181411;
26 color: #fff; 26 color: #bfbbb6;
27} 27}
28 28
29html|*.textbox-input, 29html|*.textbox-input,
@@ -43,7 +43,7 @@ html|*.textbox-textarea {
43/* ..... readonly state ..... */ 43/* ..... readonly state ..... */
44 44
45textbox[readonly="true"] { 45textbox[readonly="true"] {
46 background-color: rgb(0,0,0); 46 background-color: #181411;
47 color: rgb(219,219,219); 47 color: rgb(219,219,219);
48} 48}
49 49
@@ -51,7 +51,7 @@ textbox[readonly="true"] {
51 51
52textbox[disabled="true"] { 52textbox[disabled="true"] {
53 cursor: default; 53 cursor: default;
54 background-color: rgb(0,0,0); 54 background-color: #181411;
55 color: rgb(200,200,200); 55 color: rgb(200,200,200);
56} 56}
57 57
diff --git a/src/chrome/global/toolbar.css b/src/chrome/global/toolbar.css
index 1f9cf65..bde65e6 100644
--- a/src/chrome/global/toolbar.css
+++ b/src/chrome/global/toolbar.css
@@ -19,7 +19,7 @@ toolbarpaletteitem {
19.toolbarpaletteitem-box[type="spacer"], 19.toolbarpaletteitem-box[type="spacer"],
20.toolbarpaletteitem-box[type="spring"] { 20.toolbarpaletteitem-box[type="spring"] {
21 border: 1px solid rgb(64,64,64); 21 border: 1px solid rgb(64,64,64);
22 background-color: rgb(0,0,0) !important; 22 background-color: #181411 !important;
23} 23}
24 24
25toolbarpaletteitem[place="toolbar"] > toolbarspacer { 25toolbarpaletteitem[place="toolbar"] > toolbarspacer {
diff --git a/src/chrome/global/tree.css b/src/chrome/global/tree.css
index 5c4347f..e9c3500 100644
--- a/src/chrome/global/tree.css
+++ b/src/chrome/global/tree.css
@@ -13,7 +13,7 @@
13tree { 13tree {
14 margin: 0px 4px; 14 margin: 0px 4px;
15 border: 1px solid rgb(64,64,64); 15 border: 1px solid rgb(64,64,64);
16 background-color: rgb(0,0,0); 16 background-color: #181411;
17 color: #FFFFFF; 17 color: #FFFFFF;
18 -moz-appearance: none; 18 -moz-appearance: none;
19} 19}
@@ -35,11 +35,11 @@ treechildren::-moz-tree-row {
35 border: 1px solid transparent; 35 border: 1px solid transparent;
36 min-height: 18px; 36 min-height: 18px;
37 height: 1.3em; 37 height: 1.3em;
38 color: #fff !important; 38 color: #bfbbb6 !important;
39} 39}
40 40
41treechildren::-moz-tree-cell-text { 41treechildren::-moz-tree-cell-text {
42 color: #fff !important; 42 color: #bfbbb6 !important;
43} 43}
44 44
45treechildren::-moz-tree-row(selected) { 45treechildren::-moz-tree-row(selected) {
@@ -73,11 +73,11 @@ treechildren::-moz-tree-cell {
73tree[seltype="cell"] > treechildren::-moz-tree-cell-text, 73tree[seltype="cell"] > treechildren::-moz-tree-cell-text,
74tree[seltype="text"] > treechildren::-moz-tree-cell-text, 74tree[seltype="text"] > treechildren::-moz-tree-cell-text,
75treechildren::-moz-tree-cell-text { 75treechildren::-moz-tree-cell-text {
76 color: #fff; 76 color: #bfbbb6;
77} 77}
78 78
79treechildren::-moz-tree-cell-text(selected) { 79treechildren::-moz-tree-cell-text(selected) {
80 color: #fff; 80 color: #bfbbb6;
81} 81}
82 82
83tree[seltype="cell"] > treechildren::-moz-tree-cell { 83tree[seltype="cell"] > treechildren::-moz-tree-cell {
@@ -94,16 +94,16 @@ tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected) {
94 background-color: rgb(1,1,1); 94 background-color: rgb(1,1,1);
95} 95}
96tree[seltype="cell"] > treechildren::-moz-tree-cell-text(active, selected) { 96tree[seltype="cell"] > treechildren::-moz-tree-cell-text(active, selected) {
97 color: #fff; 97 color: #bfbbb6;
98} 98}
99 99
100tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected) { 100tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected) {
101 background-color: rgb(1,1,1); 101 background-color: rgb(1,1,1);
102 color: #fff; 102 color: #bfbbb6;
103} 103}
104 104
105treechildren::-moz-tree-cell-text(selected, focus) { 105treechildren::-moz-tree-cell-text(selected, focus) {
106 color: #fff; 106 color: #bfbbb6;
107} 107}
108 108
109tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected, focus) { 109tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected, focus) {
@@ -115,11 +115,11 @@ tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected, focus
115} 115}
116 116
117tree[seltype="cell"] > treechildren::-moz-tree-cell-text(active, selected, focus) { 117tree[seltype="cell"] > treechildren::-moz-tree-cell-text(active, selected, focus) {
118 color: #fff; 118 color: #bfbbb6;
119} 119}
120 120
121tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected, focus) { 121tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected, focus) {
122 color: #fff; 122 color: #bfbbb6;
123} 123}
124 124
125tree[seltype="cell"] > treechildren::-moz-tree-cell(active, current, focus) { 125tree[seltype="cell"] > treechildren::-moz-tree-cell(active, current, focus) {
@@ -167,7 +167,7 @@ treechildren::-moz-tree-row(dropOn) {
167tree[seltype="cell"] > treechildren::-moz-tree-cell-text(primary, dropOn), 167tree[seltype="cell"] > treechildren::-moz-tree-cell-text(primary, dropOn),
168tree[seltype="text"] > treechildren::-moz-tree-cell-text(primary, dropOn), 168tree[seltype="text"] > treechildren::-moz-tree-cell-text(primary, dropOn),
169treechildren::-moz-tree-cell-text(primary, dropOn) { 169treechildren::-moz-tree-cell-text(primary, dropOn) {
170 color: #fff; 170 color: #bfbbb6;
171} 171}
172 172
173treechildren::-moz-tree-drop-feedback { 173treechildren::-moz-tree-drop-feedback {
@@ -202,8 +202,8 @@ treecolpicker {
202 -moz-box-align: center; 202 -moz-box-align: center;
203 -moz-box-pack: center; 203 -moz-box-pack: center;
204 border: 1px solid rgb(64,64,64); 204 border: 1px solid rgb(64,64,64);
205 background-color: rgb(0,0,0); 205 background-color: #181411;
206 color: #fff; 206 color: #bfbbb6;
207 padding: 0px 4px; 207 padding: 0px 4px;
208} 208}
209 209
diff --git a/src/chrome/global/wizard.css b/src/chrome/global/wizard.css
index 834d0d8..001dd78 100644
--- a/src/chrome/global/wizard.css
+++ b/src/chrome/global/wizard.css
@@ -2,8 +2,8 @@
2 2
3.wizard-header { 3.wizard-header {
4 border-bottom: 1px solid rgb(64,64,64); 4 border-bottom: 1px solid rgb(64,64,64);
5 background-color: rgb(0,0,0); 5 background-color: #181411;
6 color: #fff; 6 color: #bfbbb6;
7} 7}
8 8
9.wizard-header-box-1 { 9.wizard-header-box-1 {
generated by cgit v1.2.3 (git 2.25.1) at 2026-09-03 05:23:49 +0000