this repo has no description
Fix quiz mode dark theme
+20
-6
+20
-6
public/style.css
+20
-6
public/style.css
···
261
261
display: block;
262
262
box-sizing: border-box;
263
263
padding: 10px;
264
-
background-color: #EEE;
264
+
background-color: var(--bulma-background);
265
265
}
266
266
#InputOverlay .widthWrapper .kink-simple {
267
267
position: relative;
···
296
296
297
297
#InputOverlay .widthWrapper #InputPrevious .kink-simple:first-child,
298
298
#InputOverlay .widthWrapper #InputNext .kink-simple:nth-child(3) {
299
-
background-color: #BBB;
299
+
background-color: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), 82%);
300
300
font-size: 10px;
301
301
margin-left: 12px;
302
302
margin-right: 12px;
···
304
304
}
305
305
#InputOverlay .widthWrapper #InputPrevious .kink-simple:nth-child(2),
306
306
#InputOverlay .widthWrapper #InputNext .kink-simple:nth-child(2) {
307
-
background-color: #CCC;
307
+
background-color: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), 86%);
308
308
font-size: 11px;
309
309
margin-left: 6px;
310
310
margin-right: 6px;
···
312
312
}
313
313
#InputOverlay .widthWrapper #InputPrevious .kink-simple:nth-child(3),
314
314
#InputOverlay .widthWrapper #InputNext .kink-simple:first-child {
315
-
background-color: #DDD;
315
+
background-color: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), 90%);
316
316
margin-left: 3px;
317
317
margin-right: 3px;
318
318
}
319
+
320
+
html.theme-dark #InputOverlay .widthWrapper #InputPrevious .kink-simple:first-child,
321
+
html.theme-dark #InputOverlay .widthWrapper #InputNext .kink-simple:nth-child(3) {
322
+
background-color: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), 3%);
323
+
}
324
+
html.theme-dark #InputOverlay .widthWrapper #InputPrevious .kink-simple:nth-child(2),
325
+
html.theme-dark #InputOverlay .widthWrapper #InputNext .kink-simple:nth-child(2) {
326
+
background-color: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), 6%);
327
+
}
328
+
html.theme-dark #InputOverlay .widthWrapper #InputPrevious .kink-simple:nth-child(3),
329
+
html.theme-dark #InputOverlay .widthWrapper #InputNext .kink-simple:first-child {
330
+
background-color: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), 9%);
331
+
}
332
+
319
333
#InputOverlay .widthWrapper #InputPrevious .kink-simple:first-child {
320
334
padding-bottom: 4px;
321
335
padding-top: 7px;
···
359
373
}
360
374
#InputOverlay .widthWrapper #InputCurrent #InputValues .big-choice {
361
375
padding: 10px;
362
-
background-color: rgba(255,255,255,0.75);
376
+
background-color: var(--bulma-background-active);
363
377
border-radius: 4px;
364
378
margin-top: 5px;
365
379
cursor: pointer;
···
373
387
#InputOverlay .widthWrapper #InputCurrent #InputValues .big-choice:hover {
374
388
padding: 8px;
375
389
border: solid #999 2px;
376
-
background-color: rgba(255,255,255,1);
390
+
background-color: var(--bulma-background-hover);
377
391
}
378
392
#InputOverlay .widthWrapper #InputCurrent #InputValues .big-choice .btn-num-text {
379
393
float: right;