This repository was archived by the owner on Feb 7, 2024. It is now read-only.
-
-
Notifications
You must be signed in to change notification settings - Fork 46
/
Copy pathvariables.css
213 lines (195 loc) · 8.9 KB
/
variables.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
/**
* notion-enhancer: dracula
* (c) 2016 Dracula Theme
* (c) 2020 mimishahzad
* (c) 2021 dragonwocky <[email protected]> (https://dragonwocky.me/)
* (https://notion-enhancer.github.io/) under the MIT license
*/
:root.dark {
--dracula--bg: #282a36;
--dracula--bg_lighter: #424450;
--dracula--bg_light: #343746;
--dracula--bg_dark: #21222c;
--dracula--bg_darker: #191a21;
--dracula--fg: #f8f8f2;
--dracula--fg_dark: #babbba;
--dracula--comment: #6272a4;
--dracula--selection: #44475a;
--dracula--block_highlight: #44475a75;
--dracula--light_gray: #CFCFCF;
--dracula--gray: var(--dracula--fg_dark);
--dracula--brown: #6272a4;
--dracula--orange: #ffb86c;
--dracula--yellow: #f1fa8c;
--dracula--green: #50fa7b;
--dracula--blue: #8be9fd;
--dracula--purple: #bd93f9;
--dracula--pink: #ff79c6;
--dracula--red: #ff5555;
--dracula--bg_light_gray: #71737E;
--dracula--bg_gray: var(--dracula--bg_light);
--dracula--bg_brown: #465079;
--dracula--bg_orange: #8a6345;
--dracula--bg_yellow: #8e9656;
--dracula--bg_green: #3f945f;
--dracula--bg_blue: #498096;
--dracula--bg_purple: #6a549b;
--dracula--bg_pink: #8d4a7c;
--dracula--bg_red: #943844;
--theme--accent_blue: var(--dracula--purple);
--theme--accent_blue-selection: #bb8dfd3d;
--theme--accent_blue-hover: #b179ff;
--theme--accent_blue-active: #9f5ff8;
--theme--accent_red: var(--dracula--comment);
--theme--accent_red-button: #6273a439;
--theme--danger_text: var(--dracula--red);
--theme--danger_border: var(--dracula--bg_red);
--theme--bg: var(--dracula--bg);
--theme--bg_secondary: var(--dracula--bg_dark);
--theme--bg_card: var(--dracula--bg_light);
--theme--scrollbar_track: transparent;
--theme--scrollbar_thumb: var(--dracula--selection);
--theme--scrollbar_thumb-hover: var(--dracula--comment);
--theme--ui_divider: var(--dracula--bg_lighter);
--theme--ui_interactive-hover: var(--dracula--block_highlight);
--theme--ui_interactive-active: var(--dracula--bg_lighter);
--theme--ui_toggle-off: var(--dracula--block_highlight);
--theme--ui_corner_action: var(--theme--bg_card);
--theme--ui_corner_action-hover: var(--theme--ui_interactive-hover);
--theme--ui_corner_action-active: var(--theme--ui_interactive-active);
--theme--icon: var(--dracula--comment);
--theme--icon_secondary: var(--dracula--comment);
--theme--text: var(--dracula--fg);
--theme--text_secondary: var(--dracula--fg_dark);
--theme--text_gray: var(--dracula--gray);
--theme--text_brown: var(--dracula--brown);
--theme--text_orange: var(--dracula--orange);
--theme--text_yellow: var(--dracula--yellow);
--theme--text_green: var(--dracula--green);
--theme--text_blue: var(--dracula--blue);
--theme--text_purple: var(--dracula--purple);
--theme--text_pink: var(--dracula--pink);
--theme--text_red: var(--dracula--red);
--theme--highlight_gray: var(--dracula--gray);
--theme--highlight_gray-text: var(--dracula--bg);
--theme--highlight_brown: var(--dracula--brown);
--theme--highlight_brown-text: var(--dracula--fg);
--theme--highlight_orange: var(--dracula--orange);
--theme--highlight_orange-text: var(--dracula--bg);
--theme--highlight_yellow: var(--dracula--yellow);
--theme--highlight_yellow-text: var(--dracula--bg);
--theme--highlight_green: var(--dracula--green);
--theme--highlight_green-text: var(--dracula--bg);
--theme--highlight_blue: var(--dracula--blue);
--theme--highlight_blue-text: var(--dracula--bg);
--theme--highlight_purple: var(--dracula--purple);
--theme--highlight_purple-text: var(--dracula--bg);
--theme--highlight_pink: var(--dracula--pink);
--theme--highlight_pink-text: var(--dracula--bg);
--theme--highlight_red: var(--dracula--red);
--theme--highlight_red-text: var(--dracula--fg);
--theme--callout_gray: var(--dracula--bg_gray);
--theme--callout_brown: var(--dracula--bg_brown);
--theme--callout_orange: var(--dracula--bg_orange);
--theme--callout_yellow: var(--dracula--bg_yellow);
--theme--callout_green: var(--dracula--bg_green);
--theme--callout_blue: var(--dracula--bg_blue);
--theme--callout_purple: var(--dracula--bg_purple);
--theme--callout_pink: var(--dracula--bg_pink);
--theme--callout_red: var(--dracula--bg_red);
--theme--tag_default: var(--dracula--comment);
--theme--tag_default-text: var(--dracula--fg);
--theme--tag_light_gray: var(--dracula--light_gray);
--theme--tag_light_gray-text: var(--dracula--bg);
--theme--tag_gray: var(--dracula--gray);
--theme--tag_gray-text: var(--dracula--bg);
--theme--tag_brown: var(--dracula--brown);
--theme--tag_brown-text: var(--dracula--fg);
--theme--tag_orange: var(--dracula--orange);
--theme--tag_orange-text: var(--dracula--bg);
--theme--tag_yellow: var(--dracula--yellow);
--theme--tag_yellow-text: var(--dracula--bg);
--theme--tag_green: var(--dracula--green);
--theme--tag_green-text: var(--dracula--bg);
--theme--tag_blue: var(--dracula--blue);
--theme--tag_blue-text: var(--dracula--bg);
--theme--tag_purple: var(--dracula--purple);
--theme--tag_purple-text: var(--dracula--bg);
--theme--tag_pink: var(--dracula--pink);
--theme--tag_pink-text: var(--dracula--bg);
--theme--tag_red: var(--dracula--red);
--theme--tag_red-text: var(--dracula--fg);
--theme--board_light_gray: var(--dracula--bg_light_gray);
--theme--board_light_gray-card: var(--theme--tag_light_gray);
--theme--board_light_gray-card_text: var(--theme--tag_light_gray-text);
--theme--board_light_gray-text: var(--dracula--fg);
--theme--board_gray: var(--dracula--bg_gray);
--theme--board_gray-card: var(--theme--tag_gray);
--theme--board_gray-card_text: var(--theme--tag_gray-text);
--theme--board_gray-text: var(--dracula--fg);
--theme--board_brown: var(--dracula--bg_brown);
--theme--board_brown-card: var(--theme--tag_brown);
--theme--board_brown-card_text: var(--theme--tag_brown-text);
--theme--board_brown-text: var(--dracula--fg);
--theme--board_orange: var(--dracula--bg_orange);
--theme--board_orange-card: var(--theme--tag_orange);
--theme--board_orange-card_text: var(--theme--tag_orange-text);
--theme--board_orange-text: var(--dracula--fg);
--theme--board_yellow: var(--dracula--bg_yellow);
--theme--board_yellow-card: var(--theme--tag_yellow);
--theme--board_yellow-card_text: var(--theme--tag_yellow-text);
--theme--board_yellow-text: var(--dracula--fg);
--theme--board_green: var(--dracula--bg_green);
--theme--board_green-card: var(--theme--tag_green);
--theme--board_green-card_text: var(--theme--tag_green-text);
--theme--board_green-text: var(--dracula--fg);
--theme--board_blue: var(--dracula--bg_blue);
--theme--board_blue-card: var(--theme--tag_blue);
--theme--board_blue-card_text: var(--theme--tag_blue-text);
--theme--board_blue-text: var(--dracula--fg);
--theme--board_purple: var(--dracula--bg_purple);
--theme--board_purple-card: var(--theme--tag_purple);
--theme--board_purple-card_text: var(--theme--tag_purple-text);
--theme--board_purple-text: var(--dracula--fg);
--theme--board_pink: var(--dracula--bg_pink);
--theme--board_pink-card: var(--theme--tag_pink);
--theme--board_pink-card_text: var(--theme--tag_pink-text);
--theme--board_pink-text: var(--dracula--fg);
--theme--board_red: var(--dracula--bg_red);
--theme--board_red-card: var(--theme--tag_red);
--theme--board_red-card_text: var(--theme--tag_red-text);
--theme--board_red-text: var(--dracula--fg);
--theme--code_inline: var(--dracula--bg_light);
--theme--code_inline-text: var(--dracula--green);
--theme--code: var(--dracula--bg_light);
--theme--code_plain: var(--dracula--fg);
--theme--code_function: var(--dracula--green);
--theme--code_parameter: var(--dracula--orange);
--theme--code_keyword: var(--dracula--pink);
--theme--code_constant: var(--dracula--purple);
--theme--code_tag: var(--dracula--pink);
--theme--code_operator: var(--dracula--pink);
--theme--code_important: var(--dracula--pink);
--theme--code_regex: var(--dracula--red);
--theme--code_property: var(--dracula--blue);
--theme--code_builtin: var(--dracula--blue);
--theme--code_class-name: var(--dracula--blue);
--theme--code_attr-name: var(--dracula--green);
--theme--code_attr-value: var(--dracula--yellow);
--theme--code_selector: var(--dracula--pink);
--theme--code_id: var(--dracula--green);
--theme--code_class: var(--dracula--green);
--theme--code_pseudo-element: var(--dracula--green);
--theme--code_pseudo-class: var(--dracula--green);
--theme--code_attribute: var(--dracula--green);
--theme--code_value: var(--dracula--yellow);
--theme--code_unit: var(--dracula--pink);
--theme--code_comment: var(--dracula--comment);
--theme--code_punctuation: var(--dracula--text);
--theme--code_annotation: var(--theme--code_punctuation);
--theme--code_decorator: var(--dracula--green);
--theme--code_doctype: var(--dracula--fg_dark);
--theme--code_number: var(--dracula--purple);
--theme--code_string: var(--dracula--yellow);
--theme--code_boolean: var(--dracula--purple);
}