···
4
+
If the font isn't installed in the system,
5
+
it will go down the list until it finds on that is.
8
+
--default-font: '"JetBrains Mono", monospace, "Inter", sans-serif';
9
+
--font-monospace: '"JetBrains Mono", monospace, "Source Code Pro", monospace'; /*Code block text*/
12
+
var(--variableName); is a variable,
13
+
so you can use what you set over and over without having
14
+
to rewrite it multiple times.
19
+
/* --accent-h: 261; /* magenta */
20
+
/* --accent-s: 85%; */
21
+
/* --accent-l: 79%; */
22
+
--accent-h: 202; /* cyan */
26
+
--bg_dark2_x: 18, 18, 24;
27
+
--bg_dark2: rgb(var(--bg_dark2_x));
28
+
--bg_dark_x: 22, 22, 30;
29
+
--bg_dark: rgb(var(--bg_dark_x));
31
+
--bg: rgb(var(--bg_x));
32
+
--bg_highlight_x: 41, 46, 66;
33
+
--bg_highlight: rgb(var(--bg_highlight_x));
34
+
--bg_highlight_dark_x: 36, 40, 59;
35
+
--bg_highlight_dark: rgb(var(--bg_highlight_dark_x));
36
+
--terminal_black_x: 65, 72, 104;
37
+
--terminal_black: rgb(var(--terminal_black_x));
38
+
--fg_x: 192, 202, 245;
39
+
--fg: rgb(var(--fg_x));
40
+
--fg_dark_x: 169, 177, 214;
41
+
--fg_dark: rgb(var(--fg_dark_x));
42
+
--comment_x: 86, 95, 137;
43
+
--comment: rgb(var(--comment_x));
44
+
--blue0_x: 61, 89, 161;
45
+
--blue0: rgb(var(--blue0_x));
46
+
--blue_x: 122, 162, 247;
47
+
--blue: rgb(var(--blue_x));
48
+
--cyan_hsl: 202 100% 75%;
49
+
--cyan_x: 125, 207, 255;
50
+
--cyan: rgb(var(--cyan_x));
51
+
--magent_hsl: 261 85% 79%;
52
+
--magenta_x: 187, 154, 247;
53
+
--magenta: rgb(var(--magenta_x));
54
+
--purple_x: 157, 124, 21;
55
+
--purple: rgb(var(--purple_x));
56
+
--orange_x: 255, 158, 100;
57
+
--orange: rgb(var(--orange_x));
58
+
--yellow_x: 224, 175, 104;
59
+
--yellow: rgb(var(--yellow_x));
60
+
--green_x: 158, 206, 106;
61
+
--green: rgb(var(--green_x));
62
+
--teal_x: 26, 188, 156;
63
+
--teal: rgb(var(--teal_x));
64
+
--red_x: 255, 117, 127;
65
+
--red: rgb(var(--red_x));
66
+
--red1_x: 219, 75, 75;
67
+
--red1: rgb(var(--red1_x));
70
+
--external-link-filter: invert(35%) sepia(28%) saturate(681%)
71
+
hue-rotate(192deg) brightness(94%) contrast(85%);
72
+
--link-external-filter: invert(35%) sepia(28%) saturate(681%)
73
+
hue-rotate(192deg) brightness(94%) contrast(85%);
77
+
/* --accent-h: 261; /* magenta */
78
+
/* --accent-s: 24%; */
79
+
/* --accent-l: 38%; */
80
+
--accent-h: 202; /* cyan */
84
+
--bg_dark2_x: 188, 189, 194;
85
+
--bg_dark2: rgb(var(--bg_dark2_x));
86
+
--bg_dark_x: 203, 204, 209;
87
+
--bg_dark: rgb(var(--bg_dark_x));
88
+
--bg_x: 213, 214, 219;
89
+
--bg: rgb(var(--bg_x));
90
+
--bg_highlight_x: 220, 222, 226;
91
+
--bg_highlight: rgb(var(--bg_highlight_x));
92
+
--bg_highlight_dark_x: 195, 197, 201;
93
+
--bg_highlight_dark: rgb(var(--bg_highlight_dark_x));
94
+
--terminal_black_x: 15, 15, 20;
95
+
--terminal_black: rgb(var(--terminal_black_x));
97
+
--fg: rgb(var(--fg_x));
98
+
--fg_dark_x: 39, 46, 75;
99
+
--fg_dark: rgb(var(--fg_dark_x));
100
+
--comment_x: 150, 153, 163;
101
+
--comment: rgb(var(--comment_x));
102
+
--blue0_x: 39, 71, 125;
103
+
--blue0: rgb(var(--blue0_x));
104
+
--blue_x: 52, 84, 138;
105
+
--blue: rgb(var(--blue_x));
106
+
--cyan_x: 15, 75, 110;
107
+
--cyan: rgb(var(--cyan_x));
108
+
--magent_hsl: 261 24% 38%;
109
+
--magenta_x: 90, 74, 120;
110
+
--magenta: rgb(var(--magenta_x));
111
+
--purple_x: 65, 49, 95;
112
+
--purple: rgb(var(--purple_x));
113
+
--orange_x: 150, 80, 39;
114
+
--orange: rgb(var(--orange_x));
115
+
--yellow_x: 143, 94, 21;
116
+
--yellow: rgb(var(--yellow_x));
117
+
--green_x: 51, 99, 92;
118
+
--green: rgb(var(--green_x));
119
+
--teal_x: 22, 103, 117;
120
+
--teal: rgb(var(--teal_x));
121
+
--red_x: 140, 67, 81;
122
+
--red: rgb(var(--red_x));
123
+
--red1_x: 115, 42, 56;
124
+
--red1: rgb(var(--red1_x));
125
+
--unknown: #000000;
127
+
--external-link-filter: invert(62%) sepia(9%) saturate(266%)
128
+
hue-rotate(189deg) brightness(97%) contrast(88%);
129
+
--link-external-filter: invert(62%) sepia(9%) saturate(266%)
130
+
hue-rotate(189deg) brightness(97%) contrast(88%);
135
+
--color_red_rgb: var(--red_x);
136
+
--color-red: var(--red);
137
+
--color_purple_rgb: var(--purple_x);
138
+
--color-purple: var(--purple);
139
+
--color_green_rgb: var(--green_x);
140
+
--color-green: var(--green);
141
+
--color_cyan_rgb: var(--cyan_x);
142
+
--color-cyan: var(--cyan);
143
+
--color_blue_rgb: var(--blue_x);
144
+
--color-blue: var(--blue);
145
+
--color_yellow_rgb: var(--yellow_x);
146
+
--color-yellow: var(--yellow);
147
+
--color_orange_rgb: var(--orange_x);
148
+
--color-orange: var(--orange);
149
+
--color_pink_rgb: var(--magenta_x);
150
+
--color-pink: var(--magenta);
152
+
--background-primary: var(--bg);
153
+
--background-primary-alt: var(--bg);
154
+
--background-secondary: var(--bg_dark);
155
+
--background-secondary-alt: var(--bg_dark);
157
+
--background-modifier-border: var(--bg_highlight);
158
+
--background-modifier-border-focus: var(--bg_highlight);
159
+
--background-modifier-border-hover: var(--bg_highlight);
160
+
--background-modifier-form-field: var(--bg_dark);
161
+
--background-modifier-form-field-highlighted: var(--bg_dark);
162
+
--background-modifier-box-shadow: rgba(0, 0, 0, 0.3);
163
+
--background-modifier-success: var(--green);
164
+
--background-modifier-error: var(--red1);
165
+
--background-modifier-error-hover: var(--red);
166
+
--background-modifier-cover: rgba(var(--bg_dark_x), 0.8);
167
+
--background-modifier-hover: var(--bg_highlight);
168
+
--background-modifier-message: rgba(var(--bg_highlight_x), 0.9);
169
+
--background-modifier-active-hover: var(--bg_highlight);
171
+
--text-normal: var(--fg);
172
+
--text-faint: var(--comment);
173
+
--text-muted: var(--fg_dark);
174
+
--text-error: var(--red);
175
+
--text-accent: var(--magenta);
176
+
--text-accent-hover: var(--cyan);
177
+
--text-error: var(--red1);
178
+
--text-error-hover: var(--red);
179
+
--text-selection: var(--unknown);
180
+
--text-on-accent: var(--bg);
181
+
--text-highlight-bg: rgba(var(--orange_x), 0.4);
182
+
--text-selection: rgba(var(--blue0_x), 0.6);
183
+
--bold-color: var(--cyan);
184
+
--italic-color: var(--cyan);
186
+
--interactive-normal: var(--bg_dark);
187
+
--interactive-hover: var(--bg);
188
+
--interactive-success: var(--green);
189
+
--interactive-accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l));
190
+
--interactive-accent-hover: var(--blue);
192
+
--scrollbar-bg: var(--bg_dark2);
193
+
--scrollbar-thumb-bg: var(--comment);
194
+
--scrollbar-active-thumb-bg: var(--bg_dark);
195
+
--scrollbar-width: 0px;
197
+
--h1-color: var(--red);
198
+
--h2-color: var(--yellow);
199
+
--h3-color: var(--green);
200
+
--h4-color: var(--cyan);
201
+
--h5-color: var(--blue);
202
+
--h6-color: var(--magenta);
204
+
--border-width: 2px;
206
+
--tag-color: var(--magenta);
207
+
--tag-background: rgba(var(--magenta_x), 0.15);
208
+
--tag-color-hover: var(--cyan);
209
+
--tag-background-hover: rgba(var(--cyan_x), 0.15);
211
+
--link-color: var(--magenta);
212
+
--link-color-hover: var(--cyan);
213
+
--link-external-color: var(--magenta);
214
+
--link-external-color-hover: var(--cyan);
216
+
--checkbox-radius: 4px;
217
+
--checkbox-color: var(--comment);
218
+
--checkbox-color-hover: var(--comment);
219
+
--checkbox-marker-color: var(--green);
220
+
--checkbox-border-color: var(--comment);
221
+
--checkbox-border-color-hover: var(--comment);
222
+
--checklist-done-color: rgba(var(--green), 0.5);
224
+
--table-header-background: var(--bg);
225
+
--table-header-background-hover: var(--bg_dark2);
226
+
--table-row-alt-background: var(--bg_dark);
227
+
--table-row-background-hover: var(--bg_dark2);
229
+
--flashing-background: rgba(var(--blue0_x), 0.3);
231
+
--code-normal: var(--fg);
232
+
--code-background: var(--bg_highlight_dark);
234
+
--mermaid-note: var(--blue0);
235
+
--mermaid-actor: var(--fg_dark);
236
+
--mermaid-loopline: var(--blue);
238
+
--icon-color-hover: var(--blue);
239
+
--icon-color-focused: var(--magenta);
240
+
--icon-color-active: var(--magenta);
242
+
--nav-item-color-hover: var(--fg);
243
+
--nav-item-background-hover: var(--bg_highlight);
244
+
--nav-item-color-active: var(--red);
245
+
--nav-item-background-active: var(--bg_highlight);
246
+
--nav-file-tag: rgba(var(--yellow_x), 0.9);
247
+
--nav-indentation-guide-color: var(--bg_highlight);
249
+
--indentation-guide-color: var(--comment);
250
+
--indentation-guide-color-active: var(--comment);
252
+
--graph-line: var(--comment);
253
+
--graph-node: var(--fg);
254
+
--graph-node-tag: var(--orange);
255
+
--graph-node-attachment: var(--blue);
257
+
--tab-text-color-focused-active: rgba(var(--red_x), 0.8);
258
+
--tab-text-color-focused-active-current: var(--red);
260
+
--modal-border-color: var(--bg_highlight);
261
+
--prompt-border-color: var(--bg_highlight);
262
+
--slider-track-background: var(--bg_highlight);
264
+
--blockquote-background-color: var(--bg_dark);
265
+
--callout-quote: var(--fg_dark);
267
+
--embed-background: var(--bg_dark);
268
+
--embed-padding: 1.5rem 1.5rem 0.5rem;
270
+
--canvas-color: var(--bg_highlight_x);
272
+
--toggle-thumb-color: var(--bg);
276
+
.is-mobile .suggestion-item.is-selected {
277
+
background-color: var(--bg_highlight);
281
+
::-webkit-scrollbar {
282
+
width: var(--scrollbar-width);
285
+
::-webkit-scrollbar:horizontal {
286
+
height: var(--scrollbar-width);
297
+
filter: none !important;
300
+
.cm-string.cm-url.external-link {
301
+
filter: var(--external-link-filter) !important;
306
+
background-image: none;
312
+
background-color: var(--bg_dark);
313
+
border: 2px solid var(--bg_highlight);
317
+
.callout[data-callout="quote"],
318
+
.callout[data-callout="cite"] {
319
+
background-color: rgba(var(--bg_highlight_dark_x), 0.5);
323
+
.ͼ2 .cm-panels-bottom {
324
+
border-top: var(--border-width) solid var(--bg_highlight);
332
+
.kanban-plugin__lane-action-add {
336
+
.kanban-plugin__lane-action-add:hover {
340
+
.kanban-plugin__autocomplete-item:hover,
341
+
.kanban-plugin__autocomplete-item-active {
342
+
color: hsl(var(--accent-h), var(--accent-s), var(--accent-l));
343
+
background-color: var(--bg_highlight);
346
+
/* various-complement */
347
+
.various-complements__suggestion-item::before {
348
+
filter: var(--external-link-filter);
351
+
.various-complements__footer::before {
352
+
filter: var(--external-link-filter);
357
+
font-size: 110% !important;
362
+
color: var(--blue);
364
+
span.cm-hmd-frontmatter.cm-meta {
365
+
color: rgba(var(--blue0_x), 0.9);
382
+
type: variable-text
383
+
default: '"JetBrains Mono", monospace, "Inter", sans-serif'
386
+
title: Monospace Font
387
+
description: Used for codeblocks, tables, etc.
388
+
type: variable-text
389
+
default: '"JetBrains Mono", monospace, "Source Code Pro", monospace'
391
+
id: heading-translucency
392
+
title: Translucency
397
+
id: opacity-translucency-light
398
+
title: Light Theme Translucency
399
+
type: variable-number-slider
405
+
id: opacity-translucency-dark
406
+
title: Dark Theme Translucency
407
+
type: variable-number-slider
414
+
id: heading-colors-background
415
+
title: Background Colors
420
+
id: background-primary
421
+
title: Background Primary
422
+
type: variable-themed-color
425
+
default-light: 'rgb(213, 214, 219)'
426
+
default-dark: 'rgb(26, 27, 38)'
428
+
id: background-primary-alt
429
+
title: Background Primary (alt)
430
+
type: variable-themed-color
433
+
default-light: 'rgb(213, 214, 219)'
434
+
default-dark: 'rgb(26, 27, 38)'
436
+
id: background-secondary
437
+
title: Background Secondary
438
+
type: variable-themed-color
441
+
default-light: 'rgb(203, 204, 209)'
442
+
default-dark: 'rgb(22, 22, 30)'
444
+
id: background-secondary-alt
445
+
title: Background Secondary (alt)
446
+
type: variable-themed-color
449
+
default-light: 'rgb(203, 204, 209)'
450
+
default-dark: 'rgb(22, 22, 30)'
452
+
id: background-modifier-border
453
+
title: 'Background Modifier: Border'
454
+
type: variable-themed-color
457
+
default-light: 'rgba(220, 222, 226, 1)'
458
+
default-dark: 'rgba(41, 46, 66, 1)'
460
+
id: background-modifier-form-field
461
+
title: 'Background Modifier: Form Field'
462
+
type: variable-themed-color
465
+
default-light: 'rgba(203, 204, 209, 1)'
466
+
default-dark: 'rgba(22, 22, 30, 1)'
468
+
id: background-modifier-form-field-highlighted
469
+
title: 'Background Modifier: Form Field (highlighted)'
470
+
type: variable-themed-color
473
+
default-light: 'rgba(203, 204, 209, 1)'
474
+
default-dark: 'rgba(22, 22, 30, 1)'
476
+
id: background-modifier-box-shadow
477
+
title: 'Background Modifier: Box Shadow'
478
+
type: variable-themed-color
481
+
default-light: 'rgba(0, 0, 0, 0.3)'
482
+
default-dark: 'rgba(0, 0, 0, 0.3)'
484
+
id: background-modifier-success
485
+
title: 'Background Modifier: Success'
486
+
type: variable-themed-color
489
+
default-light: 'rgba(51, 99, 92, 1)'
490
+
default-dark: 'rgba(158, 206, 106, 1)'
492
+
id: background-modifier-error
493
+
title: 'Background Modifier: Error'
494
+
type: variable-themed-color
497
+
default-light: 'rgba(115, 42, 56, 1)'
498
+
default-dark: 'rgba(219, 75, 75, 1)'
500
+
id: background-modifier-error-hover
501
+
title: 'Background Modifier: Error (hover)'
502
+
type: variable-themed-color
505
+
default-light: 'rgba(140, 67, 81, 1)'
506
+
default-dark: 'rgba(255, 117, 127, 1)'
508
+
id: background-modifier-cover
509
+
title: 'Background Modifier: Cover'
510
+
type: variable-themed-color
513
+
default-light: 'rgba(203, 204, 209, 0.8)'
514
+
default-dark: 'rgba(22, 22, 30, 0.8)'
516
+
id: background-modifier-hover
517
+
title: 'Background Modifier: Hover'
518
+
type: variable-themed-color
521
+
default-light: 'rgba(220, 222, 226, 1)'
522
+
default-dark: 'rgba(41, 46, 66, 1)'
524
+
id: heading-colors-text
531
+
title: 'Text: Accent'
532
+
type: variable-themed-color
535
+
default-light: 'rgb(90, 74, 120)'
536
+
default-dark: 'rgb(187, 154, 247)'
538
+
id: text-accent-hover
539
+
title: 'Text: Accent (hover)'
540
+
type: variable-themed-color
543
+
default-light: 'rgb(15, 75, 110)'
544
+
default-dark: 'rgb(125, 207, 255)'
547
+
title: 'Text: Normal'
548
+
type: variable-themed-color
551
+
default-light: 'rgb(52, 59, 88)'
552
+
default-dark: 'rgb(192, 202, 245)'
555
+
title: 'Text: Muted'
556
+
type: variable-themed-color
559
+
default-light: 'rgb(39, 46, 75)'
560
+
default-dark: 'rgb(169, 177, 214)'
563
+
title: 'Text: Faint'
564
+
type: variable-themed-color
567
+
default-light: 'rgb(150, 153, 163)'
568
+
default-dark: 'rgb(86, 95, 137)'
571
+
title: 'Text: Error'
572
+
type: variable-themed-color
575
+
default-light: 'rgb(115, 42, 56)'
576
+
default-dark: 'rgb(219, 75, 75)'
578
+
id: text-error-hover
579
+
title: 'Text: Error Hover'
580
+
type: variable-themed-color
583
+
default-light: 'rgb(140, 67, 81)'
584
+
default-dark: 'rgb(255, 117, 127)'
586
+
id: text-highlight-bg
587
+
title: 'Text: Highlight Background'
588
+
type: variable-themed-color
591
+
default-light: 'rgba(150, 80, 39, 0.4)'
592
+
default-dark: 'rgba(255, 158, 100, 0.4)'
595
+
title: 'Text: Selection Background'
596
+
type: variable-themed-color
599
+
default-light: 'rgba(39, 71, 125, 0.6)'
600
+
default-dark: 'rgba(61, 89, 161, 0.6)'
604
+
type: variable-themed-color
607
+
default-light: 'rgb(90, 74, 120)'
608
+
default-dark: 'rgb(187, 154, 247)'
611
+
title: Italic Color
612
+
type: variable-themed-color
615
+
default-light: 'rgb(90, 74, 120)'
616
+
default-dark: 'rgb(187, 154, 247)'
619
+
title: Header Colors
626
+
type: variable-themed-color
629
+
default-light: 'rgb(140, 67, 8)'
630
+
default-dark: 'rgb(255, 117, 127)'
634
+
type: variable-themed-color
637
+
default-light: 'rgb(143, 94, 21)'
638
+
default-dark: 'rgb(224, 175, 104)'
642
+
type: variable-themed-color
645
+
default-light: 'rgb(51, 99, 92)'
646
+
default-dark: 'rgb(158, 206, 106)'
650
+
type: variable-themed-color
653
+
default-light: 'rgb(15, 75, 110)'
654
+
default-dark: 'rgb(125, 207, 255)'
658
+
type: variable-themed-color
661
+
default-light: 'rgb(52, 84, 138)'
662
+
default-dark: 'rgb(122, 162, 247)'
666
+
type: variable-themed-color
669
+
default-light: 'rgb(90, 74, 120)'
670
+
default-dark: 'rgb(187, 154, 247)'
673
+
id: heading-colors-interactive
674
+
title: Interactive Colors
679
+
id: interactive-normal
680
+
title: 'Interactive: Normal'
681
+
type: variable-themed-color
684
+
default-light: 'rgb(203, 204, 209)'
685
+
default-dark: 'rgb(22, 22, 30)'
687
+
id: interactive-hover
688
+
title: 'Interactive: Hover'
689
+
type: variable-themed-color
692
+
default-light: 'rgb(213, 214, 219)'
693
+
default-dark: 'rgb(26, 27, 38)'
695
+
id: interactive-accent
696
+
title: 'Interactive: Accent'
697
+
type: variable-themed-color
700
+
default-light: 'rgb(15, 75, 110)'
701
+
default-dark: 'rgb(125, 207, 255)'
703
+
id: interactive-accent-hover
704
+
title: 'Interactive: Accent (hover)'
705
+
type: variable-themed-color
708
+
default-light: 'rgb(52, 84, 138)'
709
+
default-dark: 'rgb(122, 162, 247)'
711
+
id: interactive-success
712
+
title: 'Interactive: Success'
713
+
type: variable-themed-color
716
+
default-light: 'rgb(51, 99, 92)'
717
+
default-dark: 'rgb(158, 206, 106)'
720
+
id: heading-tag-color
728
+
type: variable-themed-color
731
+
default-light: 'rgba(90, 74, 120, 1)'
732
+
default-dark: 'rgba(187, 154, 247, 1)'
735
+
title: 'Tag Background'
736
+
type: variable-themed-color
739
+
default-light: 'rgba(90, 74, 120, 0.15)'
740
+
default-dark: 'rgba(187, 154, 247, 0.15)'
742
+
id: tag-color-hover
743
+
title: 'Tag Color (hover)'
744
+
type: variable-themed-color
747
+
default-light: 'rgba(15, 75, 110, 1)'
748
+
default-dark: 'rgba(125, 207, 255, 1)'
750
+
id: tag-background-hover
751
+
title: 'Tag Background (hover)'
752
+
type: variable-themed-color
755
+
default-light: 'rgba(15, 75, 110, 0.15)'
756
+
default-dark: 'rgba(125, 207, 255, 0.15)'
758
+
id: heading-link-color
759
+
title: 'Link Color'
765
+
title: 'Link Color'
766
+
type: variable-themed-color
769
+
default-light: 'rgba(90, 74, 120, 1)'
770
+
default-dark: 'rgba(187, 154, 247, 1)'
772
+
id: link-color-hover
773
+
title: 'Link Color (hover)'
774
+
type: variable-themed-color
777
+
default-light: 'rgba(15, 75, 110, 1)'
778
+
default-dark: 'rgba(125, 207, 255, 1)'
780
+
id: link-external-color
781
+
title: 'Link External Color'
782
+
type: variable-themed-color
785
+
default-light: 'rgba(90, 74, 120, 1)'
786
+
default-dark: 'rgba(187, 154, 247, 1)'
788
+
id: link-external-color-hover
789
+
title: 'Link External Color (hover)'
790
+
type: variable-themed-color
793
+
default-light: 'rgba(15, 75, 110, 1)'
794
+
default-dark: 'rgba(125, 207, 255, 1)'
797
+
id: heading-checkbox-checklist
798
+
title: 'Checkbox and Checklist'
803
+
id: checkbox-radius
804
+
title: 'Checkbox: Radius'
805
+
type: variable-number-slider
812
+
title: 'Checkbox: Color'
813
+
type: variable-themed-color
816
+
default-light: 'rgb(150, 153, 163)'
817
+
default-dark: 'rgb(86, 95, 137)'
819
+
id: checkbox-color-hover
820
+
title: 'Checkbox: Color (hover)'
821
+
type: variable-themed-color
824
+
default-light: 'rgb(150, 153, 163)'
825
+
default-dark: 'rgb(86, 95, 137)'
827
+
id: checkbox-marker-color
828
+
title: 'Checkbox: Marker Color'
829
+
type: variable-themed-color
832
+
default-light: 'rgb(51, 99, 92)'
833
+
default-dark: 'rgb(158, 206, 106)'
835
+
id: checkbox-border-color
836
+
title: 'Checkbox: Border Color'
837
+
type: variable-themed-color
840
+
default-light: 'rgb(150, 153, 163)'
841
+
default-dark: 'rgb(86, 95, 137)'
843
+
id: checkbox-border-color-hover
844
+
title: 'Checkbox: Border Color (hover)'
845
+
type: variable-themed-color
848
+
default-light: 'rgb(150, 153, 163)'
849
+
default-dark: 'rgb(86, 95, 137)'
851
+
id: checklist-done-color
852
+
title: 'Checklist: Done Color'
853
+
type: variable-themed-color
856
+
default-light: 'rgba(51, 99, 92, 0.5)'
857
+
default-dark: 'rgba(158, 206, 106, 0.5)'
859
+
id: heading-scrollbar
866
+
title: 'Scrollbar: Background'
867
+
type: variable-themed-color
870
+
default-light: 'rgba(188, 189, 194, 1)'
871
+
default-dark: 'rgba(18, 18, 24, 1)'
873
+
id: scrollbar-thumb-bg
874
+
title: 'Scrollbar: Thumb Background'
875
+
type: variable-themed-color
878
+
default-light: 'rgba(150, 153, 163, 1)'
879
+
default-dark: 'rgba(86, 95, 137, 1)'
881
+
id: scrollbar-active-thumb-bg
882
+
title: 'Scrollbar: Active Thumb Background'
883
+
type: variable-themed-color
886
+
default-light: 'rgba(203, 204, 209, 1)'
887
+
default-dark: 'rgba(22, 22, 30, 1)'
889
+
id: scrollbar-width
890
+
title: 'Scrollbar: Width'
891
+
type: variable-number-slider
898
+
title: Miscellaneous
904
+
title: 'Border Width'
905
+
type: variable-number-slider