馃悕馃悕馃悕
1
2*[theme=whiteboard] {
3 --main-background: #EEDDEE;
4 --main-solid: #112233;
5 --main-transparent: #112233DD;
6 --main-faded: #11223344;
7 --main-solid-content: #DDDDDD;
8
9 --code-font: 'Fira Code', Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
10 --main-font: var(--code-font);
11
12 --code-keyword: #8B4F99;
13 --code-string: #B5651D;
14 --code-template-literal: #B5651D;
15 --code-comment: #6A8759;
16 --code-number: #1B5E20;
17 --code-operator: var(--main-solid);
18 --code-punctuation: var(--main-solid);
19 --code-function: #C1670A;
20 --code-property: #0F4C75;
21 --code-bracket: #D68910;
22 --code-builtin: #2E7D32;
23 --code-regex: #B71C1C;
24 --code-identifier: #0F4C75;
25 --code-whitespace: var(--main-solid);
26 --code-unknown: #D32F2F;
27
28 --token-css-at-rule: #8B4F99;
29 --token-css-property: #0F4C75;
30 --token-css-color: #B71C1C;
31 --token-css-number: #1B5E20;
32 --token-css-string: #B5651D;
33 --token-css-url: #B5651D;
34 --token-css-function: #C1670A;
35 --token-css-pseudo: #8B4F99;
36 --token-css-variable: #2E7D32;
37 --token-css-comment: #6A8759;
38 --token-css-important: #D32F2F;
39 --token-css-bracket: #D68910;
40 --token-css-punctuation: var(--main-solid);
41 --token-css-operator: var(--main-solid);
42 --token-css-delimiter: var(--main-solid);
43}
44
45*[theme=blackboard] {
46 --main-background: #112233;
47 --main-solid: #EEDDEE;
48 --main-transparent: #EEDDEEDD;
49 --main-faded: #EEDDEE44;
50 --main-solid-content: #333333;
51
52 --code-font: 'Fira Code', Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
53 --main-font: var(--code-font);
54
55 --code-keyword: #569cd6;
56 --code-string: #ce9178;
57 --code-template-literal: #ce9178;
58 --code-comment: #6a9955;
59 --code-number: #b5cea8;
60 --code-operator: var(--main-solid);
61 --code-punctuation: var(--main-solid);
62 --code-function: #dcdcaa;
63 --code-property: #9cdcfe;
64 --code-bracket: #ffd700;
65 --code-builtin: #4ec9b0;
66 --code-regex: #d16969;
67 --code-identifier: #9cdcfe;
68 --code-whitespace: var(--main-solid);
69 --code-unknown: #f44747;
70
71 --token-css-at-rule: #569cd6;
72 --token-css-property: #9cdcfe;
73 --token-css-color: #ff6b6b;
74 --token-css-number: #b5cea8;
75 --token-css-string: #ce9178;
76 --token-css-url: #ce9178;
77 --token-css-function: #dcdcaa;
78 --token-css-pseudo: #569cd6;
79 --token-css-variable: #4ec9b0;
80 --token-css-identifier: #4ec9b0;
81 --token-css-comment: #6a9955;
82 --token-css-important: #f44747;
83 --token-css-bracket: #ffd700;
84 --token-css-punctuation: var(--main-solid);
85 --token-css-operator: var(--main-solid);
86 --token-css-delimiter: var(--main-solid);
87}
88