Skip to content
This repository was archived by the owner on Aug 31, 2023. It is now read-only.

Commit 6e398cb

Browse files
committed
Try to fix options page for dark theme
1 parent 4cf589d commit 6e398cb

File tree

1 file changed

+29
-7
lines changed

1 file changed

+29
-7
lines changed

css/options.css

Lines changed: 29 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,48 @@
11
/************************************************************************
22
* Global styles */
33

4-
.txt-center {
5-
text-align: center;
6-
}
7-
8-
.w100 {
9-
width: 100%;
4+
/*
5+
* Firefox for Mac: prevents the options page to use a light theme although the OS and the browser uses a dark theme.
6+
* This doesn't affects Firefox for Windows (as for now).
7+
*/
8+
@supports (-moz-appearance:none) {
9+
@media (prefers-color-scheme: dark) {
10+
body {
11+
background-color: #202023;
12+
color: rgb(249, 249, 250);
13+
}
14+
}
1015
}
1116

1217
.is-hidden {
1318
display: none;
1419
}
1520

21+
/************************************************************************
22+
* Text styles */
23+
24+
.txt-center {
25+
text-align: center;
26+
}
27+
1628
.monospaced {
1729
font-family: monospace;
1830
}
1931

32+
/************************************************************************
33+
* Sizing styles */
34+
35+
.w100 {
36+
width: 100%;
37+
}
38+
2039
.w40p {
2140
width: 40px;
2241
}
2342

43+
/************************************************************************
44+
* Layout styles */
45+
2446
.row {
2547
display: table;
2648
width: 100%;
@@ -31,7 +53,7 @@
3153
}
3254

3355
/************************************************************************
34-
* Margins and paddings */
56+
* Margin and padding styles */
3557

3658
.pas {
3759
padding: 5px;

0 commit comments

Comments
 (0)