this repo has no description
Change choice button border to white under dark theme
+10
-3
+10
-3
public/index.html
+10
-3
public/index.html
···
19
19
20
20
<!--<link rel="stylesheet" href="https://unpkg.com/bulma-prefers-dark@0.1.0-beta.0/css/bulma-prefers-dark.css">-->
21
21
<script>
22
-
//determines if the user has a set theme
22
+
// https://stackoverflow.com/a/56550819
23
+
// determines if the user has a set theme
23
24
function detectColorScheme() {
24
25
let theme = 'light'; // default to light
25
26
···
36
37
theme = 'dark';
37
38
}
38
39
39
-
//dark theme preferred, set document with a `data-theme` attribute
40
+
// dark theme preferred, set document with a `data-theme` attribute
40
41
if (theme === 'dark') {
41
42
document.documentElement.classList.add('dark-theme');
42
43
}
···
236
237
background-position: bottom;
237
238
background-size: 3px 1px;
238
239
background-repeat: repeat-x;
240
+
}
241
+
242
+
/* Use white-colored border for choice buttons when dark theme is enabled */
243
+
html.dark-theme .choice {
244
+
border-color: white;
239
245
}
240
246
</style>
241
247
···
514
520
<h2>Version 10 - June 15th 2021</h2>
515
521
<ul>
516
522
<li>Rename "Fantasy / Non-con" category to "Fantasy / Consensual non-con"</li>
523
+
<li>Change choice button border color in dark theme to white, thanks to anonymous contributor for this fix</li>
517
524
</ul>
518
525
519
526
<h2>Version 9 - June 15th 2021</h2>
···
532
539
533
540
<h2>Version 8 - April 27th 2021</h2>
534
541
<ul>
535
-
<li>Align legend to the left on mobile devices. Thanks to anonymous contributor for this fix.</li>
542
+
<li>Align legend to the left on mobile devices, thanks to anonymous contributor for this fix</li>
536
543
</ul>
537
544
538
545
<h2>Version 7 - November 9th 2020</h2>