Download

Nordic

By orblazer Version 4.13.1 Updated 02/26/2026 35.9K downloads

An full themed discord with Nord palette (https://www.nordtheme.com/)

light dark blue customizable

Live preview

Full Discord interface with this theme applied — powered by ThemePreview.

Screenshot

Nordic screenshot
nordic.theme.css
GitHub

Open source

https://raw.githubusercontent.com/orblazer/discord-nordic/99e6edc29239df004a99dd4e79a724f089edcbb8/nordic.theme.css
1/**
2 * @name Nordic
3 * @author orblazer#9152
4 * @authorId 179681974879911946
5 * @version 4.13.1
6 * @discordBuild stable 488579 (28327b1)
7 * @description Complete theme for Nordic (https://www.nordtheme.com/)
8 * @source https://github.com/orblazer/discord-nordic
9 * @donate https://www.paypal.me/orblazer
10 */
11.theme-dark,
12.theme-light {
13 --text-code-builtin: var(--nord-cyan);
14 --text-code-bullet: var(--nord-cyan);
15 --text-code-comment: var(--neutral-40);
16 --text-code-default: var(--text-normal);
17 --text-code-keyword: var(--nord-cyan);
18 --text-code-section: var(--text-normal);
19 --text-code-string: var(--nord-green);
20 --text-code-tag: var(--nord-cyan);
21 --text-code-title: var(--blurple-49);
22 --text-code-variable: var(--header-secondary)
23}
24:root {
25 --nord-dark1-hsl: 220deg calc(var(--saturation-factor, 1) * 16.36%) 21.57%;
26 --nord-dark1: hsl(var(--nord-dark1-hsl) / 1);
27 --nord-dark2-hsl: 221.74deg calc(var(--saturation-factor, 1) * 16.31%) 27.65%;
28 --nord-dark2: hsl(var(--nord-dark2-hsl) / 1);
29 --nord-dark3-hsl: 220deg calc(var(--saturation-factor, 1) * 16.77%) 31.57%;
30 --nord-dark3: hsl(var(--nord-dark3-hsl) / 1);
31 --nord-dark4-hsl: 220deg calc(var(--saturation-factor, 1) * 16.48%) 35.69%;
32 --nord-dark4: hsl(var(--nord-dark4-hsl) / 1);
33 --nord-light1-hsl: 218.82deg calc(var(--saturation-factor, 1) * 27.87%) 88.04%;
34 --nord-light1: hsl(var(--nord-light1-hsl) / 1);
35 --nord-light2-hsl: 218.18deg calc(var(--saturation-factor, 1) * 26.83%) 91.96%;
36 --nord-light2: hsl(var(--nord-light2-hsl) / 1);
37 --nord-light3-hsl: 217.5deg calc(var(--saturation-factor, 1) * 26.67%) 94.12%;
38 --nord-light3: hsl(var(--nord-light3-hsl) / 1);
39 --nord-green-blue-hsl: 178.67deg calc(var(--saturation-factor, 1) * 25.14%) 64.9%;
40 --nord-green-blue: hsl(var(--nord-green-blue-hsl) / 1);
41 --nord-turquoise-hsl: 193.33deg calc(var(--saturation-factor, 1) * 43.37%) 67.45%;
42 --nord-turquoise: hsl(var(--nord-turquoise-hsl) / 1);
43 --nord-cyan-hsl: 210deg calc(var(--saturation-factor, 1) * 34.04%) 63.14%;
44 --nord-cyan: hsl(var(--nord-cyan-hsl) / 1);
45 --nord-blue-hsl: 213.08deg calc(var(--saturation-factor, 1) * 31.97%) 52.16%;
46 --nord-blue: hsl(var(--nord-blue-hsl) / 1);
47 --nord-red-hsl: 354.26deg calc(var(--saturation-factor, 1) * 42.34%) 56.47%;
48 --nord-red: hsl(var(--nord-red-hsl) / 1);
49 --nord-orange-hsl: 14.38deg calc(var(--saturation-factor, 1) * 50.53%) 62.75%;
50 --nord-orange: hsl(var(--nord-orange-hsl) / 1);
51 --nord-yellow-hsl: 40deg calc(var(--saturation-factor, 1) * 70.59%) 73.33%;
52 --nord-yellow: hsl(var(--nord-yellow-hsl) / 1);
53 --nord-green-hsl: 92.4deg calc(var(--saturation-factor, 1) * 27.78%) 64.71%;
54 --nord-green: hsl(var(--nord-green-hsl) / 1);
55 --nord-pink-hsl: 311.05deg calc(var(--saturation-factor, 1) * 20.21%) 63.14%;
56 --nord-pink: hsl(var(--nord-pink-hsl) / 1);
57 --user-status-online-hsl: var(--nord-green-hsl);
58 --user-status-online: var(--nord-green);
59 --user-status-idle-hsl: var(--nord-yellow-hsl);
60 --user-status-idle: var(--nord-yellow);
61 --user-status-dnd-hsl: var(--nord-red-hsl);
62 --user-status-dnd: var(--nord-red);
63 --user-status-invisible-hsl: var(--neutral-40-hsl);
64 --user-status-invisible: var(--neutral-40);
65 --user-status-twitch-hsl: var(--nord-pink-hsl);
66 --user-status-twitch: var(--nord-pink)
67}
68.visual-refresh {
69 --neutral-1-hsl: 240deg calc(var(--saturation-factor, 1) * 20%) 99.02%;
70 --neutral-1: hsl(var(--neutral-1-hsl) / 1);
71 --neutral-2-hsl: var(--nord-light3-hsl);
72 --neutral-2: var(--nord-light3);
73 --neutral-4-hsl: var(--nord-light2-hsl);
74 --neutral-4: var(--nord-light2);
75 --neutral-6-hsl: var(--neutral-4-hsl);
76 --neutral-6: var(--neutral-4);
77 --neutral-8-hsl: var(--nord-light1-hsl);
78 --neutral-8: var(--nord-light1);
79 --neutral-9-hsl: 217.14deg calc(var(--saturation-factor, 1) * 27.27%) 84.9%;
80 --neutral-9: hsl(var(--neutral-9-hsl) / 1);
81 --neutral-11-hsl: var(--neutral-8-hsl);
82 --neutral-11: var(--neutral-8);
83 --neutral-12-hsl: 222.86deg calc(var(--saturation-factor, 1) * 18.42%) 85.1%;
84 --neutral-12: hsl(var(--neutral-12-hsl) / 1);
85 --neutral-15-hsl: 221.05deg calc(var(--saturation-factor, 1) * 14.96%) 75.1%;
86 --neutral-15: hsl(var(--neutral-15-hsl) / 1);
87 --neutral-16-hsl: var(--neutral-15-hsl);
88 --neutral-16: var(--neutral-15);
89 --neutral-19-hsl: 219.31deg calc(var(--saturation-factor, 1) * 16.2%) 64.9%;
90 --neutral-19: hsl(var(--neutral-19-hsl) / 1);
91 --neutral-22-hsl: var(--neutral-19-hsl);
92 --neutral-22: var(--neutral-19);
93 --neutral-23-hsl: var(--neutral-19-hsl);
94 --neutral-23: var(--neutral-19);
95 --neutral-27-hsl: var(--neutral-19-hsl);
96 --neutral-27: var(--neutral-19);
97 --neutral-28-hsl: var(--neutral-19-hsl);
98 --neutral-28: var(--neutral-19);
99 --neutral-29-hsl: var(--neutral-19-hsl);
100 --neutral-29: var(--neutral-19);
101 --neutral-31-hsl: 218.92deg calc(var(--saturation-factor, 1) * 16.16%) 55.1%;
102 --neutral-31: hsl(var(--neutral-31-hsl) / 1);
103 --neutral-32-hsl: var(--neutral-31-hsl);
104 --neutral-32: var(--neutral-31);
105 --neutral-34-hsl: var(--neutral-31-hsl);
106 --neutral-34: var(--neutral-31);
107 --neutral-36-hsl: 218.92deg calc(var(--saturation-factor, 1) * 16.16%) 44.9%;
108 --neutral-36: hsl(var(--neutral-36-hsl) / 1);
109 --neutral-37-hsl: var(--neutral-36-hsl);
110 --neutral-37: var(--neutral-36);
111 --neutral-38-hsl: var(--neutral-36-hsl);
112 --neutral-38: var(--neutral-36);
113 --neutral-39-hsl: var(--neutral-36-hsl);
114 --neutral-39: var(--neutral-36);
115 --neutral-40-hsl: var(--neutral-36-hsl);
116 --neutral-40: var(--neutral-36);
117 --neutral-45-hsl: var(--nord-dark4-hsl);
118 --neutral-45: var(--nord-dark4);
119 --neutral-46-hsl: var(--neutral-45-hsl);
120 --neutral-46: var(--neutral-45);
121 --neutral-47-hsl: var(--neutral-45-hsl);
122 --neutral-47: var(--neutral-45);
123 --neutral-49-hsl: var(--nord-dark3-hsl);
124 --neutral-49: var(--nord-dark3);
125 --neutral-50-hsl: var(--neutral-49-hsl);
126 --neutral-50: var(--neutral-49);
127 --neutral-59-hsl: var(--neutral-49-hsl);
128 --neutral-59: var(--neutral-49);
129 --neutral-60-hsl: var(--neutral-49-hsl);
130 --neutral-60: var(--neutral-49);
131 --neutral-62-hsl: var(--neutral-66-hsl);
132 --neutral-62: var(--neutral-66);
133 --neutral-63-hsl: 221.54deg calc(var(--saturation-factor, 1) * 16.46%) 30.98%;
134 --neutral-63: hsl(var(--neutral-63-hsl) / 1);
135 --neutral-64-hsl: var(--neutral-66-hsl);
136 --neutral-64: var(--neutral-66);
137 --neutral-65-hsl: var(--neutral-66-hsl);
138 --neutral-65: var(--neutral-66);
139 --neutral-66-hsl: 220.8deg calc(var(--saturation-factor, 1) * 16.34%) 30%;
140 --neutral-66: hsl(var(--neutral-66-hsl) / 1);
141 --neutral-69-hsl: var(--nord-dark2-hsl);
142 --neutral-69: var(--nord-dark2);
143 --neutral-70-hsl: var(--neutral-69-hsl);
144 --neutral-70: var(--neutral-69);
145 --neutral-71-hsl: var(--neutral-69-hsl);
146 --neutral-71: var(--neutral-69);
147 --neutral-72-hsl: var(--nord-dark1-hsl);
148 --neutral-72: var(--nord-dark1);
149 --neutral-73-hsl: var(--neutral-72-hsl);
150 --neutral-73: var(--neutral-72);
151 --neutral-74-hsl: var(--neutral-72-hsl);
152 --neutral-74: var(--neutral-72);
153 --neutral-75-hsl: var(--neutral-76-hsl);
154 --neutral-75: var(--neutral-76);
155 --neutral-76-hsl: 221.25deg calc(var(--saturation-factor, 1) * 15.69%) 20%;
156 --neutral-76: hsl(var(--neutral-76-hsl) / 1);
157 --neutral-79-hsl: var(--neutral-76-hsl);
158 --neutral-79: var(--neutral-76);
159 --neutral-83-hsl: 220deg calc(var(--saturation-factor, 1) * 15.79%) 14.9%;
160 --neutral-83: hsl(var(--neutral-83-hsl) / 1);
161 --neutral-84-hsl: var(--neutral-83-hsl);
162 --neutral-84: var(--neutral-83);
163 --neutral-87-hsl: var(--neutral-83-hsl);
164 --neutral-87: var(--neutral-83);
165 --neutral-91-hsl: var(--neutral-83-hsl);
166 --neutral-91: var(--neutral-83);
167 --neutral-92-hsl: var(--neutral-83-hsl);
168 --neutral-92: var(--neutral-83);
169 --neutral-95-hsl: var(--neutral-83-hsl);
170 --neutral-95: var(--neutral-83);
171 --neutral-97-hsl: 220deg calc(var(--saturation-factor, 1) * 17.65%) 10%;
172 --neutral-97: hsl(var(--neutral-97-hsl) / 1);
173 --neutral-99-hsl: var(--neutral-97-hsl);
174 --neutral-99: var(--neutral-97);
175 --white-500-hsl: var(--nord-light2-hsl);
176 --white-500: var(--nord-light2);
177 --black-500-hsl: var(--neutral-79-hsl);
178 --black-500: var(--neutral-79);
179 --green-new-23-hsl: var(--green-new-61-hsl);
180 --green-new-23: var(--green-new-61);
181 --green-new-24-hsl: var(--green-new-61-hsl);
182 --green-new-24: var(--green-new-61);
183 --green-new-25-hsl: var(--green-new-61-hsl);
184 --green-new-25: var(--green-new-61);
185 --green-new-26-hsl: var(--green-new-61-hsl);
186 --green-new-26: var(--green-new-61);
187 --green-new-30-hsl: var(--green-new-61-hsl);
188 --green-new-30: var(--green-new-61);
189 --green-new-31-hsl: var(--green-new-61-hsl);
190 --green-new-31: var(--green-new-61);
191 --green-new-38-hsl: var(--green-new-61-hsl);
192 --green-new-38: var(--green-new-61);
193 --green-new-40-hsl: var(--green-new-61-hsl);
194 --green-new-40: var(--green-new-61);
195 --green-new-44-hsl: var(--green-new-61-hsl);
196 --green-new-44: var(--green-new-61);
197 --green-new-50-hsl: var(--green-new-61-hsl);
198 --green-new-50: var(--green-new-61);
199 --green-new-52-hsl: var(--green-new-61-hsl);
200 --green-new-52: var(--green-new-61);
201 --green-new-60-hsl: var(--green-new-87-hsl);
202 --green-new-60: var(--green-new-87);
203 --green-new-61-hsl: var(--nord-green-hsl);
204 --green-new-61: var(--nord-green);
205 --green-new-65-hsl: var(--green-new-91-hsl);
206 --green-new-65: var(--green-new-91);
207 --green-new-72-hsl: var(--green-new-91-hsl);
208 --green-new-72: var(--green-new-91);
209 --green-new-76-hsl: var(--green-new-61-hsl);
210 --green-new-76: var(--green-new-61);
211 --green-new-77-hsl: var(--green-new-61-hsl);
212 --green-new-77: var(--green-new-61);
213 --green-new-87-hsl: 92.61deg calc(var(--saturation-factor, 1) * 21.7%) 58.43%;
214 --green-new-87: hsl(var(--green-new-87-hsl) / 1);
215 --green-new-91-hsl: 92.86deg calc(var(--saturation-factor, 1) * 17.07%) 51.76%;
216 --green-new-91: hsl(var(--green-new-91-hsl) / 1);
217 --red-new-22-hsl: var(--red-new-61-hsl);
218 --red-new-22: var(--red-new-61);
219 --red-new-23-hsl: var(--red-new-61-hsl);
220 --red-new-23: var(--red-new-61);
221 --red-new-29-hsl: var(--red-new-61-hsl);
222 --red-new-29: var(--red-new-61);
223 --red-new-38-hsl: var(--red-new-61-hsl);
224 --red-new-38: var(--red-new-61);
225 --red-new-45-hsl: var(--red-new-61-hsl);
226 --red-new-45: var(--red-new-61);
227 --red-new-50-hsl: var(--red-new-61-hsl);
228 --red-new-50: var(--red-new-61);
229 --red-new-46-hsl: var(--red-new-61-hsl);
230 --red-new-46: var(--red-new-61);
231 --red-new-47-hsl: var(--red-new-61-hsl);
232 --red-new-47: var(--red-new-61);
233 --red-new-60-hsl: var(--red-new-70-hsl);
234 --red-new-60: var(--red-new-70);
235 --red-new-61-hsl: var(--nord-red-hsl);
236 --red-new-61: var(--nord-red);
237 --red-new-65-hsl: var(--red-new-78-hsl);
238 --red-new-65: var(--red-new-78);
239 --red-new-70-hsl: 353.57deg calc(var(--saturation-factor, 1) * 33.6%) 50.98%;
240 --red-new-70: hsl(var(--red-new-70-hsl) / 1);
241 --red-new-75-hsl: var(--red-new-70-hsl);
242 --red-new-75: var(--red-new-70);
243 --red-new-78-hsl: 354.93deg calc(var(--saturation-factor, 1) * 30.74%) 45.29%;
244 --red-new-78: hsl(var(--red-new-78-hsl) / 1);
245 --yellow-new-22-hsl: var(--yellow-new-57-hsl);
246 --yellow-new-22: var(--yellow-new-57);
247 --yellow-new-24-hsl: var(--yellow-new-57-hsl);
248 --yellow-new-24: var(--yellow-new-57);
249 --yellow-new-28-hsl: var(--yellow-new-57-hsl);
250 --yellow-new-28: var(--yellow-new-57);
251 --yellow-new-31-hsl: var(--yellow-new-57-hsl);
252 --yellow-new-31: var(--yellow-new-57);
253 --yellow-new-36-hsl: var(--yellow-new-57-hsl);
254 --yellow-new-36: var(--yellow-new-57);
255 --yellow-new-39-hsl: var(--yellow-new-57-hsl);
256 --yellow-new-39: var(--yellow-new-57);
257 --yellow-new-46-hsl: var(--yellow-new-57-hsl);
258 --yellow-new-46: var(--yellow-new-57);
259 --yellow-new-54-hsl: var(--yellow-new-57-hsl);
260 --yellow-new-54: var(--yellow-new-57);
261 --yellow-new-57-hsl: var(--nord-yellow-hsl);
262 --yellow-new-57: var(--nord-yellow);
263 --yellow-new-75-hsl: var(--yellow-new-57-hsl);
264 --yellow-new-75: var(--yellow-new-57);
265 --yellow-new-84-hsl: var(--yellow-new-57-hsl);
266 --yellow-new-84: var(--yellow-new-57);
267 --orange-new-63-hsl: var(--nord-orange-hsl);
268 --orange-new-63: var(--nord-orange);
269 --blue-new-24-hsl: var(--blue-new-31-hsl);
270 --blue-new-24: var(--blue-new-31);
271 --blue-new-27-hsl: var(--blue-new-35-hsl);
272 --blue-new-27: var(--blue-new-35);
273 --blue-new-31-hsl: var(--nord-blue-hsl);
274 --blue-new-31: var(--nord-blue);
275 --blue-new-35-hsl: 213.12deg calc(var(--saturation-factor, 1) * 75.49%) 60%;
276 --blue-new-35: hsl(var(--blue-new-35-hsl) / 1);
277 --blurple-1-hsl: 180deg calc(var(--saturation-factor, 1) * 15.38%) 94.9%;
278 --blurple-1: hsl(var(--blurple-1-hsl) / 1);
279 --blurple-4-hsl: 180deg calc(var(--saturation-factor, 1) * 23.81%) 87.65%;
280 --blurple-4: hsl(var(--blurple-4-hsl) / 1);
281 --blurple-8-hsl: var(--blurple-4-hsl);
282 --blurple-8: var(--blurple-4);
283 --blurple-10-hsl: var(--blurple-4-hsl);
284 --blurple-10: var(--blurple-4);
285 --blurple-25-hsl: var(--blurple-49-hsl);
286 --blurple-25: var(--blurple-49);
287 --blurple-26-hsl: var(--blurple-49-hsl);
288 --blurple-26: var(--blurple-49);
289 --blurple-27-hsl: var(--blurple-49-hsl);
290 --blurple-27: var(--blurple-49);
291 --blurple-28-hsl: var(--blurple-49-hsl);
292 --blurple-28: var(--blurple-49);
293 --blurple-29-hsl: var(--blurple-49-hsl);
294 --blurple-29: var(--blurple-49);
295 --blurple-37-hsl: 178.13deg calc(var(--saturation-factor, 1) * 25%) 74.9%;
296 --blurple-37: hsl(var(--blurple-37-hsl) / 1);
297 --blurple-44-hsl: var(--blurple-37-hsl);
298 --blurple-44: var(--blurple-37);
299 --blurple-48-hsl: var(--blurple-37-hsl);
300 --blurple-48: var(--blurple-37);
301 --blurple-49-hsl: var(--nord-green-blue-hsl);
302 --blurple-49: var(--nord-green-blue);
303 --blurple-50-hsl: var(--blurple-49-hsl);
304 --blurple-50: var(--blurple-49);
305 --blurple-52-hsl: var(--blurple-49-hsl);
306 --blurple-52: var(--blurple-49);
307 --blurple-54-hsl: 180deg calc(var(--saturation-factor, 1) * 19.82%) 57.45%;
308 --blurple-54: hsl(var(--blurple-54-hsl) / 1);
309 --blurple-58-hsl: var(--blurple-54-hsl);
310 --blurple-58: var(--blurple-54);
311 --blurple-59-hsl: var(--blurple-54-hsl);
312 --blurple-59: var(--blurple-54);
313 --blurple-60-hsl: var(--blurple-54-hsl);
314 --blurple-60: var(--blurple-54);
315 --blurple-65-hsl: 180deg calc(var(--saturation-factor, 1) * 14.4%) 50.98%;
316 --blurple-65: hsl(var(--blurple-65-hsl) / 1);
317 --blurple-70-hsl: var(--blurple-87-hsl);
318 --blurple-70: var(--blurple-87);
319 --blurple-87-hsl: 180deg calc(var(--saturation-factor, 1) * 13.97%) 35.1%;
320 --blurple-87: hsl(var(--blurple-87-hsl) / 1);
321 --opacity-4-hsl: var(--neutral-19-hsl);
322 --opacity-8-hsl: var(--neutral-31-hsl);
323 --opacity-12-hsl: var(--neutral-31-hsl);
324 --opacity-16-hsl: var(--neutral-31-hsl);
325 --opacity-20-hsl: var(--neutral-31-hsl);
326 --opacity-green-8-hsl: var(--green-new-61-hsl);
327 --opacity-green-12-hsl: var(--green-new-61-hsl);
328 --opacity-green-24-hsl: var(--green-new-61-hsl);
329 --opacity-green-36-hsl: var(--green-new-61-hsl);
330 --opacity-red-8-hsl: var(--red-new-61-hsl);
331 --opacity-red-12-hsl: var(--red-new-61-hsl);
332 --opacity-red-16-hsl: var(--red-new-61-hsl);
333 --opacity-red-24-hsl: var(--red-new-61-hsl);
334 --opacity-red-36-hsl: var(--red-new-61-hsl);
335 --opacity-yellow-8-hsl: var(--yellow-new-57-hsl);
336 --opacity-blue-8-hsl: var(--blue-new-31-hsl);
337 --opacity-blurple-8-hsl: var(--blurple-49-hsl);
338 --opacity-blurple-16-hsl: var(--blurple-49-hsl);
339 --opacity-blurple-24-hsl: var(--blurple-49-hsl);
340 --opacity-blurple-32: hsl(var(--blurple-49-hsl) / 0.2);
341 --illo-green-50-hsl: var(--nord-green-hsl);
342 --illo-pink-50-hsl: var(--nord-pink-hsl);
343 --illo-pink-60-hsl: var(--nord-pink-hsl);
344 --illo-pink-70-hsl: var(--nord-pink-hsl);
345 --illo-purple-40-hsl: var(--nord-pink-hsl);
346 --illo-purple-60-hsl: var(--nord-pink-hsl);
347 --illo-nitro-blue-hsl: var(--nord-blue-hsl);
348 --twitch-hsl: var(--nord-pink-hsl);
349 --twitch: var(--nord-pink);
350 --twitch-secondary-hsl: 310.43deg calc(var(--saturation-factor, 1) * 20%) 54.9%;
351 --twitch-secondary: hsl(var(--twitch-secondary-hsl) / 1);
352 --partner-hsl: var(--nord-blue-hsl);
353 --partner: var(--nord-blue);
354 --status-positive: var(--nord-green);
355 --status-danger: var(--nord-red);
356 --guild-boosting-blue: var(--nord-blue);
357 --guild-boosting-blue-for-gradients: var(--nord-blue);
358 --guild-boosting-purple: var(--nord-pink);
359 --guild-boosting-purple-for-gradients: var(--nord-pink);
360 --guild-boosting-pink: var(--nord-pink);
361 --premium-tier-0-header-gradient-1: var(--nord-blue);
362 --premium-tier-0-header-gradient-2: var(--nord-blue);
363 --premium-tier-0-header-gradient-3: var(--nord-blue);
364 --premium-tier-0-header-gradient-4: var(--nord-pink);
365 --premium-tier-0-header-gradient-5: var(--nord-pink);
366 --premium-tier-0-purple-for-gradients: var(--nord-blue);
367 --premium-tier-0-blue-for-gradients: var(--nord-blue);
368 --premium-tier-2-purple-for-gradients: var(--nord-pink);
369 --premium-tier-2-pink-for-gradients: var(--nord-pink);
370 --premium-tier-2-purple-for-gradients-2: var(--nord-pink);
371 --custom-premium-colors-premium-gradient-tier-2-diagonal: var(--nord-pink);
372 --premium-tier-2-purple-hsl: var(--nord-pink-hsl);
373 --premium-tier-2-purple: var(--nord-pink);
374 --premium-tier-2-pink-hsl: var(--nord-pink-hsl);
375 --premium-tier-2-pink: var(--nord-pink);
376 --premium-perk-blue-hsl: var(--nord-blue-hsl);
377 --premium-perk-blue: var(--nord-blue);
378 --premium-perk-dark-blue-hsl: var(--blue-new-35-hsl);
379 --premium-perk-dark-blue: var(--blue-new-35);
380 --premium-perk-green-hsl: var(--nord-turquoise-hsl);
381 --premium-perk-green: var(--nord-turquoise);
382 --premium-perk-light-blue-hsl: var(--nord-cyan-hsl);
383 --premium-perk-light-blue: var(--nord-cyan);
384 --premium-perk-orange-hsl: var(--nord-orange-hsl);
385 --premium-perk-orange: var(--nord-orange);
386 --premium-perk-pink-hsl: var(--nord-pink-hsl);
387 --premium-perk-pink: var(--nord-pink);
388 --premium-perk-purple-hsl: var(--nord-pink-hsl);
389 --premium-perk-purple: var(--nord-pink);
390 --premium-perk-yellow-hsl: var(--nord-yellow-hsl);
391 --premium-perk-yellow: var(--nord-yellow);
392 --premium-nitro-pink-light-hsl: var(--nord-pink-hsl);
393 --premium-nitro-pink-light: var(--nord-pink)
394}
395.theme-dark,
396.theme-light {
397 --control-primary-text-default: var(--neutral-79);
398 --control-primary-text-hover: var(--neutral-99);
399 --control-primary-text-active: var(--neutral-99);
400 --control-connected-text-default: var(--neutral-79);
401 --control-connected-text-hover: var(--neutral-79);
402 --control-connected-text-active: var(--neutral-99);
403 --badge-text-brand: var(--neutral-79);
404 --radio-thumb-background-active: var(--neutral-79);
405 --checkbox-icon-active: var(--neutral-79);
406 --notice-text-positive: var(--neutral-79);
407 --notice-text-warning: var(--neutral-79);
408 --status-positive-text: var(--neutral-79);
409 --search-popout-date-picker-hint-value-text: var(--neutral-79)
410}
411.theme-dark {
412 --message-mentioned-background-default: hsl(var(--blurple-49-hsl) / 0.16);
413 --message-mentioned-background-hover: hsl(var(--blurple-49-hsl) / 0.12);
414 --message-highlight-background-default: hsl(var(--blue-new-31-hsl) / 0.16);
415 --message-highlight-background-hover: hsl(var(--blue-new-31-hsl) / 0.12);
416 --interactive-muted: var(--neutral-40);
417 --background-code: hsl(var(--nord-dark1-hsl) / 0.1);
418 --background-code-addition: hsl(var(--nord-green-hsl) / 0.45);
419 --background-code-deletion: hsl(var(--nord-red-hsl) / 0.45);
420 --text-code-addition: var(--white);
421 --text-code-deletion: var(--white)
422}
423.theme-light {
424 --message-mentioned-background-default: hsl(var(--blurple-49-hsl) / 0.45);
425 --message-mentioned-background-hover: hsl(var(--blurple-49-hsl) / 0.35);
426 --message-highlight-background-default: hsl(var(--blue-new-31-hsl) / 0.45);
427 --message-highlight-background-hover: hsl(var(--blue-new-31-hsl) / 0.35);
428 --control-expressive-text-default: var(--neutral-79);
429 --background-code: var(--neutral-1);
430 --background-code-addition: hsl(var(--nord-green-hsl) / 0.3);
431 --background-code-deletion: hsl(var(--nord-red-hsl) / 0.3);
432 --text-code-addition: var(--black-500);
433 --text-code-deletion: var(--black-500)
434}
435::selection {
436 background-color: hsl(var(--blue-new-35-hsl)/.25)
437}
438.mentionsBar__7aaec .barText__7aaec {
439 color: var(--text-strong)!important
440}
441.activeButton_c15210,
442.activeButton_c15210:hover,
443.activeCircle__5ea8c,
444.botTagRegular__82f07:not(.botTagOP__82f07),
445.calendarPicker_d27f17 .react-datepicker__day.react-datepicker__day--keyboard-selected,
446.calendarPicker_d27f17 .react-datepicker__day.react-datepicker__day--selected:hover,
447.calendarPicker_d27f17 .react-datepicker__day:hover,
448.checkmark_aae012,
449.circleIconButton__5bc7e.selected__5bc7e,
450.colorable_f1ceac.join_f1ceac,
451.colorable_f1ceac.join_f1ceac .centerIcon_f1ceac,
452.countText__5808f,
453.countText_f369db,
454.customLabelContainer_c2c6a6:hover,
455.customLabelContainer_c2c6a6:hover .labelText_c2c6a6,
456.guildIcon__4591d,
457.header_b071d4,
458.iconBadge__650eb.isCurrentUserConnected__650eb,
459.interactive:hover,
460.lookFilled__201d5.colorGreen__201d5,
461.nagivateBackContainer__786f4:hover,
462.newBadgeText__29021,
463.newBadge__5d7c9[style*=";background-color: var(--brand-260)";],
464.newBadge__9a337[style*=";background-color: var(--brand-260)";],
465.newBadge_faa96b[style*=";background-color: var(--brand-260)";],
466.newMessagesBar__0f481,
467.notice_c5cd6a,
468.notice_c9e42f,
469.otherDateLabel__786f4.focused__786f4,
470.partnered__09691 .icon__09691,
471.playButtonContainer_a8e786:active .playIcon_a8e786,
472.playIcon_a8e786,
473.playing_a8e786 .duration_a8e786,
474.playing_a8e786 .volumeButtonIcon_a8e786,
475.selected_b071d4 .stepTitle_b071d4,
476.stepIndex_b071d4,
477.stepStatus_a68543[style*=";background-color: var(--status-positive-background)";],
478.stepTitle_b071d4,
479.tabBar__133bf .addFriend__133bf.addFriend__133bf.addFriend__133bf:active,
480.tabBar__133bf .addFriend__133bf.addFriend__133bf.addFriend__133bf:not([aria-selected=true]),
481.textBadge__2b1f5[style*=";background-color: var(--background-brand)";],
482.textBadge__2b1f5[style*=";background-color: var(--badge-background-brand)";],
483.textBadge__2b1f5[style*=";background-color: var(--brand-500)";],
484.tooltipBrand_c36707,
485.tooltipGreen_c36707,
486.uploadDropModal_b78547:not(.error_b78547) .inner_b78547 .instructions_b78547,
487.uploadDropModal_b78547:not(.error_b78547) .inner_b78547 .title_b78547,
488.uploadDropModal_b78547:not(.error_b78547) .inner_b78547 .title_b78547 strong,
489.verified__09691 .icon__09691,
490.wrapper__6e9f8.selected__6e9f8 .childWrapper__6e9f8,
491.wrapper__6e9f8:hover .childWrapper__6e9f8 {
492 color: var(--black-500)
493}
494.toast__3fde7[data-type=success] path[fill=";var(--status-positive)";] {
495 fill: currentColor
496}
497.colorStreamerMode__6e2b9 {
498 --custom-notice-text: var(--black-500)
499}
500.switchIndicator_a28278[style*=";background-color: rgb(88, 101, 242)";] {
501 background-color: var(--blurple-49)!important
502}
503.switchIndicator_a28278[style*=";background-color: rgb(68, 82, 187)";] {
504 background-color: var(--blurple-65)!important
505}
506.switchIndicator_a28278[style*=";background-color: rgb(58, 72, 163)";] {
507 background-color: var(--blurple-87)!important
508}
509.badgeLabel_aeaaeb>;.newlyAddedBadgeIcon_aeaaeb,
510.badgeLabel_aeaaeb>;.text-sm_cf4812\/semibold[style*=";color: white";],
511.nagivateBackContainer__786f4:hover .eyebrow_cf4812,
512.notice_c5cd6a .header_c5cd6a,
513.premiumCards_ac86f6 .pricePerInterval_fd0764[style*=";color: white";],
514.premiumCards_ac86f6 .text-md\/normal_cf4812[style*=";color: white";],
515.tier0Card__176c7 .pricePerInterval_fd0764[style*=";color: white";],
516.tier0Card__176c7 .text-md\/normal_cf4812[style*=";color: white";] {
517 color: currentColor!important
518}
519.activeIcon_d40c56 circle[fill=";var(--white)";],
520.answerSelectionIcon__4c520 circle[fill=";var(--white)";],
521.checkIcon__270d7 path[fill=";var(--white)";],
522.checklistIcon_ef2eb4 circle[fill=";var(--white)";],
523.checkmarkCircle__36dee circle[fill=";var(--white)";],
524.descriptionSection__981f7:first-child .descriptionIcon__981f7 circle[fill=";var(--white)";],
525.icon_e9b3cb circle[fill=";var(--white)";],
526.selectedIcon_a16aea circle[fill=white],
527.victorIcon_f69538 circle[fill=";var(--white)";] {
528 fill: var(--black-500)
529}
530.theme-dark .activeIcon_d40c56 circle[fill=";var(--brand-500)";] {
531 fill: var(--blurple-87)
532}
533.emptyIcon__5d7c9 path[fill=";#ADF3FF";],
534.stars__1b24f path[fill=";#ADF3FF";],
535.stars_d404a3 path[fill=";#ADF3FF";] {
536 fill: var(--nord-cyan)
537}
538.emptyIcon__5d7c9 path[fill=";#FFD01A";],
539.stars__1b24f path[fill=";#FFD01A";],
540.stars_d404a3 path[fill=";#FFD01A";] {
541 fill: var(--nord-yellow)
542}
543.emptyIcon__5d7c9 path[fill=";#58F287";],
544.icon_c9d15c path[fill=";#45a366";],
545.stars__1b24f path[fill=";#58F287";],
546.stars_d404a3 path[fill=";#58F287";],
547.userJoinSystemMessageIcon_c19a55 path[fill=";#3ba55c";] {
548 fill: var(--nord-green)
549}
550.theme-dark .folderGroup__48112 .wrapper__6e9f8:not(.selected__6e9f8) .childWrapperNoHoverBg__6e9f8 {
551 background-color: var(--background-mod-strong)
552}
553.eventStatusContainer__29021 path[fill=";#94a8ff";],
554.iconContainer__98cf7 circle[fill=";#5865f2";i] {
555 fill: var(--blurple-49)
556}
557.addTags__3f6df path[fill=";var(--white)";],
558.guildIconV2Container__85d16 .childContainer__3e3b0 svg[width=";13";] path[fill=";var(--white)";],
559.guildIconV2Container__85d16 div[tabindex=";0";] .childContainer__3e3b0 path[fill=";var(--white)";],
560.iconContainer__98cf7 circle[fill=";#5865f2";i]+path[fill=white],
561.iconContainer_a76561 path[fill=";var(--white)";],
562.icon_a14595 path[fill=";var(--white)";],
563.pinIcon__08166 path[fill=white],
564.roleStyleUpsellButtonContents__981c8 path[fill=white],
565.rowGuildName_b1f768 .childContainer__3e3b0 svg[width=";13";] path[fill=";var(--white)";],
566.rowGuildName_b1f768 div[tabindex=";0";] .childContainer__3e3b0 path[fill=";var(--white)";],
567.serverBoostTabItem_cbe0b4[aria-selected=true] .icon_cbe0b4 path,
568.verifiedIcon_b5b7aa path[fill=";var(--white)";] {
569 fill: var(--black-500)
570}
571.container__1ce5d div[style*=";background-color: rgb(69, 163, 102)";],
572.status_a423bd[style=";background-color: rgb(69, 163, 102);";] {
573 background-color: var(--user-status-online)!important
574}
575.handlebars .hljs-template-tag,
576.hljs-attribute,
577.hljs-params,
578.hljs-subst,
579.hljs-template-variable,
580.hljs-variable {
581 color: var(--header-secondary)!important
582}
583.hljs-comment,
584.hljs-quote {
585 color: var(--primary-430)!important
586}
587.hljs-link {
588 color: inherit;
589 text-decoration: underline
590}
591.apache .hljs-section,
592.bash .hljs-variable,
593.hljs-builtin-name,
594.hljs-bullet,
595.hljs-doctag,
596.hljs-keyword,
597.hljs-literal,
598.hljs-name,
599.hljs-operator,
600.hljs-selector-tag,
601.hljs-symbol,
602.hljs-tag,
603.ini .hljs-attr,
604.ini .hljs-variable,
605.makefile .hljs-variable,
606.powershell .hljs-operator,
607.powershell .hljs-type,
608.ps1 .hljs-operator,
609.ps1 .hljs-type,
610.rb .hljs-variable,
611.ruby .hljs-variable {
612 color: var(--nord-cyan)!important
613}
614.hljs-selector-id,
615.hljs-title~.hljs-title {
616 font-weight: 700
617}
618.bnf .hljs-attribute,
619.cpp .hljs-meta-string,
620.diff .hljs-meta,
621.ebnf .hljs-attribute,
622.hljs-attr,
623.hljs-built_in,
624.hljs-class,
625.hljs-code,
626.hljs-formula,
627.hljs-selector-attr,
628.hljs-selector-class,
629.hljs-selector-id,
630.hljs-title,
631.hljs-type,
632.ldif .hljs-attribute {
633 color: var(--nord-green-blue)!important
634}
635.abnf .hljs-attribute,
636.apache .hljs-attribute,
637.arduino .hljs-built_in,
638.aspectj>;.hljs-title,
639.clojure .hljs-name,
640.coq .hljs-built_in,
641.css .hljs-built_in,
642.glsl .hljs-built_in,
643.hljs-function,
644.hljs-function>;.hljs-title,
645.hljs-section,
646.hljs-selector-pseudo,
647.julia .hljs-meta,
648.lisp .hljs-name,
649.lua .hljs-built_in,
650.markdown .hljs-string,
651.md .hljs-string,
652.moonscript .hljs-built_in,
653.nginx .hljs-attribute,
654.pf .hljs-built_in,
655.processing .hljs-built_in,
656.rb .hljs-subst,
657.ruby .hljs-subst,
658.sparkle_bb1234.sparkleStarTopRight_bb1234,
659.swift .hljs-subst,
660.vim .hljs-built_in {
661 color: var(--nord-turquoise)!important
662}
663.hljs-number,
664.sparkle_bb1234.sparkleStarRight_bb1234 {
665 color: var(--nord-pink)!important
666}
667.abnf .hljs-symbol,
668.clojure .hljs-symbol,
669.css .hljs-attribute,
670.hljs-regexp,
671.less .hljs-attribute,
672.scss .hljs-attribute {
673 color: var(--nord-yellow)!important
674}
675.hljs-meta-string,
676.hljs-string {
677 color: var(--nord-green)!important
678}
679.hljs-meta-keyword,
680.hljs-template-tag,
681.nginx .hljs-section {
682 color: var(--nord-blue)!important
683}
684.aspectj .hljs-meta,
685.css .hljs-keyword,
686.groovy .hljs-meta:not(:first-child),
687.haxe .hljs-meta,
688.hljs-meta,
689.java .hljs-meta,
690.swift .hljs-meta,
691.yaml .hljs-meta {
692 color: var(--nord-orange)!important
693}
694.vim .hljs-built_in {
695 font-style: italic
696}
697.completionAnimation__956c6 {
698 background-image: linear-gradient(180deg,hsla(var(--nord-green-hsl)/.05),hsla(var(--nord-green-hsl)/.1))
699}
700.custom-user-profile-theme .primary_a22cb0,
701.guildBoostCountWrapper_f9f04c,
702.progressBarMarkerLabel__1f1cb,
703.progressBarMarkerUnlocked__1f1cb .boostedTierIcon__1f1cb,
704.theme-dark .text__0d0f9,
705.upsellDescription__17daa,
706.upsellHeader__17daa {
707 color: var(--white)
708}
709.badge__8061a[src*=";/6bdc42827a38498929a4920da12695d9.png";] {
710 content: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/user/profile/badge-active-developer.svg")
711}
712.badge__8061a[src*=";/6f9e37f9029ff57aef81db857890005e.png";] {
713 content: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/user/profile/badge-commands.svg")
714}
715.badge__8061a[src=";/fee1624003e2fee35cb398e125dc479b.png";] {
716 content: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/user/profile/badge-certified-moderator.svg")
717}
718.badge__8061a[src*=";/bf01d1073931f921909045f3a39fd264.png";] {
719 content: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/user/profile/badge-hypesquad.svg")
720}
721.badge__8061a[src*=";/8a88d63823d8a71cd5e390baa45efa02.png";] {
722 content: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/user/profile/badge-hypesquad-house-1.svg")
723}
724.badge__8061a[src*=";/011940fd013da3f7fb926e4a1cd2e618.png";] {
725 content: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/user/profile/badge-hypesquad-house-2.svg")
726}
727.badge__8061a[src*=";/3aa41de486fa12454c3761e8e223442e.png";] {
728 content: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/user/profile/badge-hypesquad-house-3.svg")
729}
730.badge__8061a[src*=";/3f9748e53446a137a052f3454e2de41e.png";] {
731 content: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/user/profile/badge-partner.svg")
732}
733.badge__8061a[src*=";/5e74e9b61934fc1f67c65515d1f7e60d.png";] {
734 content: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/user/profile/badge-staff.svg")
735}
736.badge__8061a[src*=";/6df5892e0f35b051f8b61eace34f4967.png";] {
737 content: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/user/profile/badge-verified-developer.svg")
738}
739.badge__8061a[src*=";/6de6d34650760ba5551a79732e98ed60.png";] {
740 content: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/user/profile/badge-originally-know-as.png")
741}
742.botTagRegular__82f07:not(.botTagOP__82f07) path[fill=";var(--white)";],
743.tierCardListIcon_be48d0 path[fill=";var(--white)";] {
744 fill: currentColor
745}
746.mask__44b0c rect[fill=";#45a366";] {
747 fill: var(--user-status-online)
748}
749.mask__44b0c rect[fill=";#ffc04e";] {
750 fill: var(--user-status-idle)
751}
752.mask__44b0c rect[fill=";#da3e44";] {
753 fill: var(--user-status-dnd)
754}
755.mask__44b0c rect[fill=";#9147ff";] {
756 fill: var(--user-status-twitch)
757}
758.mask__44b0c rect[fill=";#84858d";] {
759 fill: var(--user-status-invisible)
760}
761.status_a423bd[style=";background-color: rgb(255, 192, 78);";] {
762 background-color: var(--user-status-idle)!important
763}
764.status_a423bd[style=";background-color: rgb(218, 62, 68);";] {
765 background-color: var(--user-status-dnd)!important
766}
767.status_a423bd[style=";background-color: rgb(132, 133, 141);";] {
768 background-color: var(--user-status-invisible)!important
769}
770.icon__235ca[style*='background-image: url("/assets/61ccab047dad737a.svg")'] {
771 background-image: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/user/dm-channel/call-incoming.svg")!important
772}
773.icon__235ca[style*='background-image: url("/assets/6f076a64de25de4b.svg")'] {
774 background-image: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/user/dm-channel/call-missed.svg")!important
775}
776.upsellTextContainer__0f7dc >; div[style*=";color: white";] {
777 color: var(--neutral-79)!important
778}
779.boostContainer__823e1.boostContainerActive__823e1 path[fill=";var(--icon-strong)";],
780.guildSelectOptionIcon_b476ba path[fill=white] {
781 fill: var(--neutral-79)
782}
783.permissionCheckmark__50a54 {
784 background-image: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/user/settings/general/checkmark.svg")
785}
786.subButtonText_ac86f6,
787.subButton__553fd,
788.subButton_cd0f26 {
789 color: var(--blurple-87)!important
790}
791.mostPopularText_e4ef5c,
792.nowPlaying_cc46f0 .gameName_cc46f0,
793.nowPlaying_cc46f0 .lastPlayed_cc46f0,
794.nowPlaying_cc46f0 .overlayStatusText_cc46f0,
795.tier2_ac86f6 {
796 color: var(--neutral-76)
797}
798.card__6df1a .pillGradient_e7b36e {
799 background: var(--nord-pink)
800}
801.annualPlanOptionDiscount_b13085[style*=";color: white";],
802.card__6df1a .pillGradient_e7b36e>;div[style*=";color: var(--text-strong)";],
803.planOptionDiscount_b13085[style*=";color: white";] {
804 color: var(--neutral-76)!important
805}
806.noItemsIcon__70151,
807.noItemsIcon_e335a7 {
808 background: var(--background-base-low)!important
809}
810.nowPlaying_cc46f0 .fill_cc46f0 {
811 fill: var(--neutral-76)!important
812}
813.gameVerifiedIcon_cc46f0 .childContainer__3e3b0 path[fill=";var(--white)";] {
814 fill: var(--neutral-76)
815}
816.withGradient_fce7ca:after {
817 background-image: linear-gradient(90deg,var(--nord-blue),var(--nord-pink));
818 opacity: .3
819}
820.sparkleIcon__05cdc[src=";/assets/3a6a08a976f34e04.svg";] {
821 content: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/server/channel/stage/star.svg")
822}
823.sparkleIcon__05cdc[src=";/assets/30d1720360dd2c40.svg";] {
824 content: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/server/channel/stage/cross.svg")
825}
826.eventStatusContainer__29021 path[fill=";#73c48b";] {
827 fill: var(--green-new-25)
828}
829.topGuildEmojiBadge_aeaaeb {
830 background: linear-gradient(268.26deg,var(--red-new-61) 0,var(--orange-new-63) 102.45%);
831 color: var(--black-900)
832}
833.newlyAddedBadge_aeaaeb {
834 background: linear-gradient(268.26deg,var(--blue-new-31) 0,var(--green-new-62) 102.45%)
835}
836.newlyAddedHighlight_fc7141 {
837 border-color: var(--green-new-62)
838}
839.newlyAddedBadge_fc7141 {
840 background-color: var(--green-new-62)
841}
842.newlyAddedBadge_fc7141 .newlyAddedBadgeStar_fc7141,
843.newlyAddedBadge_fc7141 .text-xs_cf4812\/semibold[style*=";color: white";] {
844 color: var(--white-500)!important
845}
846.newlyAddedHighlightContainer_fc7141:hover .newlyAddedHighlight_fc7141 {
847 border-color: hsla(var(--green-new-55-hsl)/.5)
848}
849.newlyAddedHighlightContainer_fc7141:hover .newlyAddedBadge_fc7141 {
850 background-color: hsla(var(--green-new-55-hsl)/.5)
851}
852.upsellContainerShadow__0b69f {
853 filter: drop-shadow(0 0 10px hsl(var(--twitch-secondary-hsl)/.5))
854}
855.notice_c5cd6a .button_c5cd6a,
856.notice_c9e42f .button_c9e42f {
857 border-color: currentColor!important;
858 color: currentColor!important
859}
860.progress__0d0f9 {
861 background: linear-gradient(270deg,hsl(var(--nord-pink-hsl)/.7),hsl(var(--neutral-45-hsl)/.1))
862}
863.container__0d0f9:hover .progress__0d0f9 {
864 background: linear-gradient(270deg,var(--nord-pink),hsl(var(--neutral-45-hsl)/.25))
865}
866.boostCountText__0d0f9 {
867 opacity: .8
868}
869.messageContainer__7796e path[fill=";#4e5058";] {
870 fill: var(--neutral-36)
871}
872.theme-light .root__5c9fc .closeIconWrapper__6fd0e {
873 mix-blend-mode: normal
874}
875.theme-light .root__5c9fc .closeButton_c2b141,
876.theme-light .root__5c9fc .keybind_c2b141 {
877 color: var(--neutral-8)
878}
879.header__6fd0e {
880 background: center 15%/90% auto url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/server/boost/sparks.svg") no-repeat,linear-gradient(359.37deg,rgba(0,0,0,.5) 12.68%,hsla(0,0%,100%,0) 50.4%),linear-gradient(159.15deg,var(--premium-tier-0-header-gradient-1) 8.49%,var(--premium-tier-0-header-gradient-2) 32.21%,var(--premium-tier-0-header-gradient-3) 42.9%,var(--premium-tier-0-header-gradient-4) 66.06%,var(--premium-tier-0-header-gradient-5) 71.4%)
881}
882.header__6fd0e .guildName_f9f04c,
883.header__6fd0e .heading__6fd0e {
884 color: var(--white-500)!important
885}
886.botTagOP__82f07,
887.guildBoostCtaBoostContent_f9f04c {
888 color: var(--blurple-87)
889}
890.recommendedTierHighlightTag__686cf,
891.tierCardCurrentTier_be48d0 {
892 background: var(--guild-boosting-purple);
893 color: var(--black-500)!important
894}
895.tierCardBoostRequirement_be48d0,
896.tierCardHeading_be48d0,
897.tierCardListItem_be48d0 {
898 color: var(--white)!important
899}
900.tierCardNewFeatureBadge_be48d0 {
901 background: var(--white);
902 color: var(--black-500)
903}
904.currentTierIcon_c44edb,
905.root_a66361 .ctaButtonText_a66361,
906.root_a66361 .infoText_a66361,
907.serverBoostTabItem_cbe0b4[aria-selected=true] {
908 color: var(--black-500)!important
909}
910.tierIconLocked_a36dee {
911 color: var(--interactive-muted)
912}
913.typeUpdate__43dab:after {
914 background: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/server/settings/moderation/type-create.svg")
915}
916.typeCreate__43dab:after {
917 background: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/server/settings/moderation/type-update.svg")
918}
919.typeDelete__43dab:after {
920 background: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/server/settings/moderation/type-delete.svg")
921}
922.sparkles__7dd5e[src=";/assets/2990c2614b7e7388.svg";] {
923 content: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/server/settings/community/stars.svg")
924}
925.overviewSidebar_b071d4 {
926 background: linear-gradient(180deg,var(--blurple-58) 6.65%,var(--blurple-52) 69.44%,var(--blurple-48) 106.24%)
927}
928.selected_b071d4 .stepIndex_b071d4 {
929 color: var(--brand-900)
930}
931.content__50e4e img[src=";/assets/0280ce34b0947c59.svg";] {
932 content: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/server/settings/community/shield.svg")
933}
934.content__50e4e img[src=";/assets/83bf855b8ecf7f86.svg";] {
935 content: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/server/settings/community/wrench.svg")
936}
937.content__50e4e img[src=";/assets/30c9caf58319d0f5.svg";] {
938 content: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/server/settings/community/check.svg")
939}
940.icon__235ca[style*='background-image: url("/assets/8b9de960da063cb9.svg")'] {
941 background-image: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/server/channel/text/join.svg")!important
942}
943.mentioned__5126c:before {
944 background-color: var(--brand-500)
945}
946.ephemeral__5126c:before,
947.replying__5126c:before {
948 background-color: var(--nord-blue)
949}
950.ephemeral__5126c {
951 background-color: var(--message-highlight-background-default)
952}
953.message__5126c.ephemeral__5126c.selected__5126c,
954.message__5126c.replying__5126c.selected__5126c,
955.mouse-mode.full-motion .message__5126c.ephemeral__5126c:hover,
956.mouse-mode.full-motion .message__5126c.replying__5126c:hover {
957 background-color: var(--message-highlight-background-hover)
958}
959.container_a8e786:not(.playing_a8e786) .playButtonContainer_a8e786 {
960 background: var(--control-primary-background-default)!important
961}
962.container_a8e786:not(.playing_a8e786) .playButtonContainer_a8e786:hover {
963 background: var(--control-primary-background-hover)!important
964}
965.container_a8e786:not(.playing_a8e786) .playButtonContainer_a8e786:active {
966 background: var(--control-primary-background-active)!important
967}
968.playing_a8e786 .playButtonContainer_a8e786 {
969 background: var(--black-500)
970}
971.icon_b78547.two_b78547 {
972 filter: drop-shadow(0 0 48px hsla(var(--brand-500-hsl)/.5))!important
973}
974.fileIcon_b78547.document_b78547,
975.icon__41ea0.document__41ea0,
976.icon_b78547.document_b78547 {
977 background-image: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/global/upload/document.svg")
978}
979.fileIcon_b78547.image_b78547,
980.icon__41ea0.image__41ea0,
981.icon_b78547.image_b78547 {
982 background-image: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/global/upload/image.svg")
983}
984.fileIcon_b78547.code_b78547,
985.icon__41ea0.code__41ea0,
986.icon_b78547.code_b78547 {
987 background-image: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/global/upload/code.svg")
988}
989.fileIcon_b78547.video_b78547,
990.icon__41ea0.video__41ea0 {
991 background-image: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/global/upload/video.svg")
992}
993.fileIcon_b78547.acrobat_b78547,
994.icon__41ea0.acrobat__41ea0 {
995 background-image: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/global/upload/acrobat.svg")
996}
997.fileIcon_b78547.ae_b78547,
998.icon__41ea0.ae__41ea0 {
999 background-image: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/global/upload/ae.svg")
1000}
1001.fileIcon_b78547.sketch_b78547,
1002.icon__41ea0.sketch__41ea0 {
1003 background-image: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/global/upload/sketch.svg")
1004}
1005.fileIcon_b78547.ai_b78547,
1006.icon__41ea0.ai__41ea0 {
1007 background-image: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/global/upload/ai.svg")
1008}
1009.fileIcon_b78547.archive_b78547,
1010.icon__41ea0.archive__41ea0 {
1011 background-image: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/global/upload/archive.svg")
1012}
1013.fileIcon_b78547.photoshop_b78547,
1014.fileIcon_b78547.ps_b78547,
1015.icon__41ea0.photoshop__41ea0,
1016.icon__41ea0.ps__41ea0 {
1017 background-image: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/global/upload/ps.svg")
1018}
1019.fileIcon_b78547.spreadsheet_b78547,
1020.icon__41ea0.spreadsheet__41ea0 {
1021 background-image: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/global/upload/spreadsheet.svg")
1022}
1023.fileIcon_b78547.webcode_b78547,
1024.icon__41ea0.webcode__41ea0 {
1025 background-image: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/global/upload/webcode.svg")
1026}
1027.audioMetadata_cf09d8:before,
1028.fileIcon_b78547.audio_b78547,
1029.icon__41ea0.audio__41ea0 {
1030 background-image: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/global/upload/audio.svg")
1031}
1032.fileIcon_b78547.unknown_b78547,
1033.icon__41ea0.unknown__41ea0 {
1034 background-image: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/global/upload/unknown.svg")
1035}
1036.icon__0ccae[src=";/assets/a42338c030af6d9c.svg";] {
1037 content: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/global/upload/acrobat.svg")
1038}
1039.icon__0ccae[src=";/assets/88b289225ff6142a.svg";] {
1040 content: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/global/upload/ae.svg")
1041}
1042.icon__0ccae[src=";/assets/c9f0992f0ab98d49.svg";] {
1043 content: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/global/upload/sketch.svg")
1044}
1045.icon__0ccae[src=";/assets/93636da24d7ab467.svg";] {
1046 content: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/global/upload/ai.svg")
1047}
1048.icon__0ccae[src=";/assets/f89b66e97ea52ba7.svg";] {
1049 content: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/global/upload/archive.svg")
1050}
1051.icon__0ccae[src=";/assets/f4bad77442422ded.svg";] {
1052 content: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/global/upload/code.svg")
1053}
1054.icon__0ccae[src=";/assets/1084490cf680dd7c.svg";] {
1055 content: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/global/upload/ps.svg")
1056}
1057.icon__0ccae[src=";/assets/b8ca4488a6d443bc.svg";] {
1058 content: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/global/upload/spreadsheet.svg")
1059}
1060.icon__0ccae[src=";/assets/6e688b0c124e0ca8.svg";] {
1061 content: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/global/upload/webcode.svg")
1062}
1063.icon__0ccae[src=";/assets/94660b205108a49f.svg";] {
1064 content: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/global/upload/unknown.svg")
1065}
1066.images-dark .header__5ca14 {
1067 background-image: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/server/channel/announcement/follow-bg.svg")
1068}
1069.images-light .header__5ca14 {
1070 background-image: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/server/channel/announcement/follow-bg-light.svg")
1071}
1072.reaction_f8896c.reactionMe_f8896c .reactionCount_f8896c {
1073 color: var(--message-reacted-text-default)
1074}
1075.voiceChannelHighlightGlow_c69b6d {
1076 background: radial-gradient(ellipse 40px 50% at left center,hsla(var(--green-new-44-hsl)/.125) 0,hsla(var(--green-new-44-hsl)/0) 100%)
1077}
1078.root_a66361 .premiumIcon_a66361 path {
1079 fill: var(--black-500)!important
1080}
1081.participants__9c309,
1082.rowContainer__8a920,
1083.scroller__56ccd,
1084.tileContainer__71eb2 {
1085 background-color: var(--black)
1086}
1087.no-webkit-scrollbar .auto_c8b5c7,
1088.no-webkit-scrollbar .auto_c8b5c7.fade_c8b5c7:hover,
1089.no-webkit-scrollbar .fade_c8b5c7 {
1090 scrollbar-color: var(--black) var(--background-modifier-accent)
1091}
1092.auto_c8b5c7::-webkit-scrollbar-corner,
1093.auto_c8b5c7::-webkit-scrollbar-track {
1094 background-color: var(--black)
1095}
1096.auto_c8b5c7::-webkit-scrollbar-thumb,
1097.auto_c8b5c7::-webkit-scrollbar-track {
1098 border-color: var(--black)
1099}
1100.theme-dark .gradient_e9ef78 {
1101 background: radial-gradient(130.66% 324.98% at -3.95% 0,var(--blue-new-31) 0,hsl(var(--primary-600-hsl)/0%) 100%),var(--primary-600)!important
1102}
1103.theme-light .gradient_e9ef78 {
1104 background: radial-gradient(130.66% 324.98% at -3.95% 0,var(--blue-new-31) 0,hsl(var(--nord-light1-hsl)/0%) 100%),var(--nord-light1)!important
1105}
1106.headerSuccess_b76614 {
1107 background-image: url("https://raw.githubusercontent.com/orblazer/discord-nordic/v4.13.1/assets/discover/app/success.svg")
1108}
1109.bd-settings-title {
1110 color: var(--header-primary)
1111}
1112.bd-switch input:checked + .bd-switch-body {
1113 --switch-color: var(--green-560)
1114}
1115.bd-switch-body {
1116 --switch-color: var(--primary-500)
1117}
1118.bd-controls>;.bd-addon-button.bd-button-danger svg,
1119.bd-switch-body .bd-switch-handle {
1120 fill: var(--white-500)
1121}
1122.bd-switch input:checked+.bd-switch-body .bd-switch-symbol path,
1123.slider_cebd1c path[fill=";hsl(235, calc(var(--saturation-factor, 1) * 85.6%), 64.7%)";] {
1124 fill: var(--green-760)
1125}
1126.bd-filled-checkmark {
1127 background: var(--green-560)
1128}
1129.bd-addon-views .bd-view-button.selected svg,
1130.bd-controls>;.bd-addon-button:not(.bd-button-danger) svg,
1131.bd-filled-checkmark svg,
1132.checkbox_f6cde8[style*=";background-color: var(--brand-500)";] path[fill=";hsl(0, calc(var(--saturation-factor, 1) * 0%), 100%)";] {
1133 fill: var(--black-500)
1134}
1135.bd-empty-updates svg {
1136 fill: var(--green-560)
1137}
1138.bd-addon-modal-footer .bd-button,
1139.bd-button {
1140 background-color: var(--brand-experiment);
1141 color: var(--black-500)
1142}
1143.bd-addon-modal-footer .bd-button:hover,
1144.bd-button:hover {
1145 background-color: var(--brand-experiment-560)
1146}
1147.bd-addon-modal-footer .bd-button:active,
1148.bd-button:active {
1149 background-color: var(--brand-experiment-600)
1150}
1151.bd-button.bd-button-danger {
1152 background-color: var(--button-danger-background)
1153}
1154.bd-button.bd-button-danger:hover {
1155 background-color: var(--button-danger-background-hover)
1156}
1157.bd-button.bd-button-danger:active {
1158 background-color: var(--button-danger-background-active)
1159}
1160.bd-addon-views .bd-view-button.selected {
1161 background-color: var(--brand-experiment)
1162}
1163.banner.banner-danger {
1164 background-color: var(--info-danger-background);
1165 border-color: var(--info-danger-foreground)
1166}
1167.banner-danger .bd-icon {
1168 fill: var(--info-danger-foreground)
1169}
1170.react-error {
1171 color: var(--text-danger)
1172}
1173.container_cebd1c[style*=";background-color: hsl(223, calc(var(--saturation-factor, 1) * 5.8%), 52.9%)";] {
1174 background-color: var(--primary-500)!important
1175}
1176.container_cebd1c[style*=";background-color: hsl(235, calc(var(--saturation-factor, 1) * 85.6%), 64.7%)";] {
1177 background-color: var(--green-560)!important
1178}
1179.ownerIcon_a31c43[class*=owner_] {
1180 color: var(--text-muted)
1181}
1182.ownerIcon_a31c43[class*=management_] {
1183 color: var(--orange-500)
1184}

Full theme source (nordic.theme.css). Copy or download from GitHub.

Download theme

FiveCord for Windows

Free. One click. Windows.

Download