jekyll-theme-doodle 4.5.0 → 5.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/README.md +46 -6
- data/_includes/head.html +28 -28
- data/_includes/navrail.html +14 -21
- data/_includes/theme_selector.html +41 -33
- data/_layouts/home.html +11 -3
- data/_sass/minima/_base.scss +9 -8
- data/_sass/minima/_footer.scss +1 -1
- data/_sass/minima/_header.scss +1 -0
- data/_sass/minima/_navigation-bar.scss +4 -0
- data/_sass/minima/_pinned-post.scss +1 -1
- data/_sass/minima/_posts.scss +10 -2
- data/_sass/minima/_theme-selector.scss +58 -8
- data/_sass/minima/_theme.scss +307 -7
- data/assets/theme-assets/js/theme.js +20 -2
- data/assets/theme-assets/theme-icons/aboutme-small.svg +13 -13
- data/assets/theme-assets/theme-icons/bookmark.svg +1 -1
- data/assets/theme-assets/theme-icons/categories2.svg +110 -5
- data/assets/theme-assets/theme-icons/home-rough.svg +1 -1
- data/assets/theme-assets/theme-icons/home2.svg +14 -5
- data/assets/theme-assets/theme-icons/moon.svg +3 -0
- data/assets/theme-assets/theme-icons/pin.svg +2 -2
- data/assets/theme-assets/theme-icons/sun.svg +18 -0
- data/assets/theme-assets/theme-images/menu.svg +1 -1
- metadata +4 -2
data/_sass/minima/_theme.scss
CHANGED
@@ -1,3 +1,17 @@
|
|
1
|
+
.light-mode {
|
2
|
+
--dark-pink: #f0b3e7;
|
3
|
+
--dark-green: #b1d18a;
|
4
|
+
--dark-yellow: #dbc66;
|
5
|
+
--dark-blue: #aac7ff;
|
6
|
+
--dark-cyan: #81d5cd;
|
7
|
+
}
|
8
|
+
.dark-mode {
|
9
|
+
--light-pink: #f0b3e7;
|
10
|
+
--light-greeN: #b1d18a;
|
11
|
+
--light-yellw: #dbc66;
|
12
|
+
--light-blue: #aac7ff;
|
13
|
+
--light-cyan: #81d5cd;
|
14
|
+
}
|
1
15
|
#pink-theme {
|
2
16
|
background-color: #f0b3e7;
|
3
17
|
}
|
@@ -34,8 +48,10 @@
|
|
34
48
|
--md-sys-color-background: rgb(21 19 11);
|
35
49
|
--md-sys-color-on-background: rgb(232 226 212);
|
36
50
|
--md-sys-color-surface: rgb(21 19 11);
|
37
|
-
--md-sys-color-on-surface:
|
38
|
-
--
|
51
|
+
--md-sys-color-on-surface: #e8e2d4;
|
52
|
+
--on-surface-filter: invert(91%) sepia(15%) saturate(159%) hue-rotate(4deg)
|
53
|
+
brightness(99%) contrast(89%);
|
54
|
+
--md-sys-color-surface-variant: #4b4739;
|
39
55
|
--md-sys-color-on-surface-variant: rgb(205 198 180);
|
40
56
|
--md-sys-color-outline: #969080;
|
41
57
|
--outline-filter: brightness(0) saturate(100%) invert(64%) sepia(15%)
|
@@ -87,7 +103,9 @@
|
|
87
103
|
--md-sys-color-background: rgb(17 19 24);
|
88
104
|
--md-sys-color-on-background: rgb(226 226 233);
|
89
105
|
--md-sys-color-surface: rgb(17 19 24);
|
90
|
-
--md-sys-color-on-surface:
|
106
|
+
--md-sys-color-on-surface: #e2e2e9;
|
107
|
+
--on-surface-filter: invert(100%) sepia(5%) saturate(7075%) hue-rotate(180deg)
|
108
|
+
brightness(96%) contrast(89%);
|
91
109
|
--md-sys-color-surface-variant: rgb(68 71 78);
|
92
110
|
--md-sys-color-on-surface-variant: rgb(196 198 208);
|
93
111
|
--md-sys-color-outline: #8e9099;
|
@@ -140,7 +158,9 @@
|
|
140
158
|
--md-sys-color-background: rgb(14 21 20);
|
141
159
|
--md-sys-color-on-background: rgb(221 228 226);
|
142
160
|
--md-sys-color-surface: rgb(14 21 20);
|
143
|
-
--md-sys-color-on-surface:
|
161
|
+
--md-sys-color-on-surface: #dde4e2;
|
162
|
+
--on-surface-filter: invert(91%) sepia(6%) saturate(145%) hue-rotate(112deg)
|
163
|
+
brightness(102%) contrast(89%);
|
144
164
|
--md-sys-color-surface-variant: rgb(63 73 71);
|
145
165
|
--md-sys-color-on-surface-variant: rgb(190 201 198);
|
146
166
|
--md-sys-color-outline: #899391;
|
@@ -194,7 +214,9 @@
|
|
194
214
|
--md-sys-color-background: rgb(18 20 14);
|
195
215
|
--md-sys-color-on-background: rgb(226 227 216);
|
196
216
|
--md-sys-color-surface: rgb(18 20 14);
|
197
|
-
--md-sys-color-on-surface:
|
217
|
+
--md-sys-color-on-surface: #e2e3d8;
|
218
|
+
--on-surface-filter: invert(85%) sepia(3%) saturate(447%) hue-rotate(26deg)
|
219
|
+
brightness(109%) contrast(89%);
|
198
220
|
--md-sys-color-surface-variant: rgb(68 72 61);
|
199
221
|
--md-sys-color-on-surface-variant: rgb(197 200 186);
|
200
222
|
--md-sys-color-outline: #8f9285;
|
@@ -249,7 +271,9 @@
|
|
249
271
|
--md-sys-color-background: rgb(23 18 22);
|
250
272
|
--md-sys-color-on-background: rgb(235 223 230);
|
251
273
|
--md-sys-color-surface: rgb(23 18 22);
|
252
|
-
--md-sys-color-on-surface:
|
274
|
+
--md-sys-color-on-surface: #ebdfe6;
|
275
|
+
--on-surface-filter: invert(97%) sepia(3%) saturate(932%) hue-rotate(287deg)
|
276
|
+
brightness(92%) contrast(100%);
|
253
277
|
--md-sys-color-surface-variant: rgb(78 68 75);
|
254
278
|
--md-sys-color-on-surface-variant: rgb(209 195 203);
|
255
279
|
--md-sys-color-outline: #9a8d95;
|
@@ -259,7 +283,8 @@
|
|
259
283
|
--md-sys-color-shadow: rgb(0 0 0);
|
260
284
|
--md-sys-color-scrim: rgb(0 0 0);
|
261
285
|
--md-sys-color-inverse-surface: rgb(235 223 230);
|
262
|
-
--md-sys-color-inverse-on-surface:
|
286
|
+
--md-sys-color-inverse-on-surface: #352e33;
|
287
|
+
|
263
288
|
--md-sys-color-inverse-primary: rgb(127 77 123);
|
264
289
|
--md-sys-color-primary-fixed: rgb(255 215 247);
|
265
290
|
--md-sys-color-on-primary-fixed: rgb(51 8 51);
|
@@ -281,3 +306,278 @@
|
|
281
306
|
--md-sys-color-surface-container-high: #2f282d;
|
282
307
|
--md-sys-color-surface-container-highest: rgb(58 51 56);
|
283
308
|
}
|
309
|
+
.light-pink {
|
310
|
+
--md-sys-color-primary: rgb(127 77 122);
|
311
|
+
--md-sys-color-surface-tint: rgb(127 77 122);
|
312
|
+
--md-sys-color-on-primary: rgb(255 255 255);
|
313
|
+
--md-sys-color-primary-container: rgb(255 215 246);
|
314
|
+
--md-sys-color-on-primary-container: rgb(51 8 51);
|
315
|
+
--md-sys-color-secondary: rgb(109 88 105);
|
316
|
+
--md-sys-color-on-secondary: rgb(255 255 255);
|
317
|
+
--md-sys-color-secondary-container: rgb(247 218 239);
|
318
|
+
--md-sys-color-on-secondary-container: rgb(38 22 37);
|
319
|
+
--md-sys-color-tertiary: rgb(130 82 70);
|
320
|
+
--md-sys-color-on-tertiary: rgb(255 255 255);
|
321
|
+
--md-sys-color-tertiary-container: rgb(255 219 209);
|
322
|
+
--md-sys-color-on-tertiary-container: rgb(50 18 9);
|
323
|
+
--md-sys-color-error: rgb(186 26 26);
|
324
|
+
--md-sys-color-on-error: rgb(255 255 255);
|
325
|
+
--md-sys-color-error-container: rgb(255 218 214);
|
326
|
+
--md-sys-color-on-error-container: rgb(65 0 2);
|
327
|
+
--md-sys-color-background: rgb(255 247 249);
|
328
|
+
--md-sys-color-on-background: rgb(32 26 30);
|
329
|
+
--md-sys-color-surface: rgb(255 247 249);
|
330
|
+
--md-sys-color-on-surface: #201a1e;
|
331
|
+
--on-surface-filter: invert(8%) sepia(2%) saturate(3908%) hue-rotate(267deg)
|
332
|
+
brightness(94%) contrast(93%);
|
333
|
+
--md-sys-color-surface-variant: rgb(238 222 231);
|
334
|
+
--md-sys-color-on-surface-variant: rgb(78 68 75);
|
335
|
+
--md-sys-color-outline: rgb(127 116 124);
|
336
|
+
--md-sys-color-outline-variant: rgb(209 195 203);
|
337
|
+
--md-sys-color-shadow: rgb(0 0 0);
|
338
|
+
--md-sys-color-scrim: rgb(0 0 0);
|
339
|
+
--md-sys-color-inverse-surface: rgb(53 46 51);
|
340
|
+
--md-sys-color-inverse-on-surface: rgb(250 237 244);
|
341
|
+
--md-sys-color-inverse-primary: rgb(240 179 231);
|
342
|
+
--md-sys-color-primary-fixed: rgb(255 215 246);
|
343
|
+
--md-sys-color-on-primary-fixed: rgb(51 8 51);
|
344
|
+
--md-sys-color-primary-fixed-dim: rgb(240 179 231);
|
345
|
+
--md-sys-color-on-primary-fixed-variant: rgb(101 54 97);
|
346
|
+
--md-sys-color-secondary-fixed: rgb(247 218 239);
|
347
|
+
--md-sys-color-on-secondary-fixed: rgb(38 22 37);
|
348
|
+
--md-sys-color-secondary-fixed-dim: rgb(218 191 211);
|
349
|
+
--md-sys-color-on-secondary-fixed-variant: rgb(84 65 81);
|
350
|
+
--md-sys-color-tertiary-fixed: rgb(255 219 209);
|
351
|
+
--md-sys-color-on-tertiary-fixed: rgb(50 18 9);
|
352
|
+
--md-sys-color-tertiary-fixed-dim: rgb(246 184 168);
|
353
|
+
--md-sys-color-on-tertiary-fixed-variant: rgb(102 59 48);
|
354
|
+
--md-sys-color-surface-dim: rgb(227 215 221);
|
355
|
+
--md-sys-color-surface-bright: rgb(255 247 249);
|
356
|
+
--md-sys-color-surface-container-lowest: rgb(255 255 255);
|
357
|
+
--md-sys-color-surface-container-low: rgb(253 240 247);
|
358
|
+
--md-sys-color-surface-container: rgb(247 235 241);
|
359
|
+
--md-sys-color-surface-container-high: rgb(241 229 235);
|
360
|
+
--md-sys-color-surface-container-highest: rgb(235 223 230);
|
361
|
+
--outline-filter: brightness(0) saturate(100%) invert(61%) sepia(13%)
|
362
|
+
saturate(228%) hue-rotate(270deg) brightness(93%) contrast(82%);
|
363
|
+
}
|
364
|
+
.light-green {
|
365
|
+
--md-sys-color-primary: rgb(75 102 44);
|
366
|
+
--md-sys-color-surface-tint: rgb(75 102 44);
|
367
|
+
--md-sys-color-on-primary: rgb(255 255 255);
|
368
|
+
--md-sys-color-primary-container: rgb(204 237 164);
|
369
|
+
--md-sys-color-on-primary-container: rgb(15 32 0);
|
370
|
+
--md-sys-color-secondary: rgb(87 98 73);
|
371
|
+
--md-sys-color-on-secondary: rgb(255 255 255);
|
372
|
+
--md-sys-color-secondary-container: rgb(219 231 200);
|
373
|
+
--md-sys-color-on-secondary-container: rgb(21 30 11);
|
374
|
+
--md-sys-color-tertiary: rgb(56 102 99);
|
375
|
+
--md-sys-color-on-tertiary: rgb(255 255 255);
|
376
|
+
--md-sys-color-tertiary-container: rgb(187 236 232);
|
377
|
+
--md-sys-color-on-tertiary-container: rgb(0 32 30);
|
378
|
+
--md-sys-color-error: rgb(186 26 26);
|
379
|
+
--md-sys-color-on-error: rgb(255 255 255);
|
380
|
+
--md-sys-color-error-container: rgb(255 218 214);
|
381
|
+
--md-sys-color-on-error-container: rgb(65 0 2);
|
382
|
+
--md-sys-color-background: rgb(249 250 239);
|
383
|
+
--md-sys-color-on-background: rgb(26 28 22);
|
384
|
+
--md-sys-color-surface: rgb(249 250 239);
|
385
|
+
--md-sys-color-on-surface: #1a1c16;
|
386
|
+
--on-surface-filter: invert(9%) sepia(11%) saturate(780%) hue-rotate(39deg)
|
387
|
+
brightness(96%) contrast(95%);
|
388
|
+
--md-sys-color-surface-variant: rgb(225 228 213);
|
389
|
+
--md-sys-color-on-surface-variant: rgb(68 72 61);
|
390
|
+
--md-sys-color-outline: rgb(117 121 108);
|
391
|
+
--md-sys-color-outline-variant: rgb(197 200 186);
|
392
|
+
--md-sys-color-shadow: rgb(0 0 0);
|
393
|
+
--outline-filter: brightness(0) saturate(100%) invert(61%) sepia(6%)
|
394
|
+
saturate(487%) hue-rotate(33deg) brightness(92%) contrast(91%);
|
395
|
+
--md-sys-color-scrim: rgb(0 0 0);
|
396
|
+
--md-sys-color-inverse-surface: rgb(47 49 42);
|
397
|
+
--md-sys-color-inverse-on-surface: rgb(240 242 230);
|
398
|
+
--md-sys-color-inverse-primary: rgb(177 209 138);
|
399
|
+
--md-sys-color-primary-fixed: rgb(204 237 164);
|
400
|
+
--md-sys-color-on-primary-fixed: rgb(15 32 0);
|
401
|
+
--md-sys-color-primary-fixed-dim: rgb(177 209 138);
|
402
|
+
--md-sys-color-on-primary-fixed-variant: rgb(52 78 22);
|
403
|
+
--md-sys-color-secondary-fixed: rgb(219 231 200);
|
404
|
+
--md-sys-color-on-secondary-fixed: rgb(21 30 11);
|
405
|
+
--md-sys-color-secondary-fixed-dim: rgb(191 203 173);
|
406
|
+
--md-sys-color-on-secondary-fixed-variant: rgb(64 74 51);
|
407
|
+
--md-sys-color-tertiary-fixed: rgb(187 236 232);
|
408
|
+
--md-sys-color-on-tertiary-fixed: rgb(0 32 30);
|
409
|
+
--md-sys-color-tertiary-fixed-dim: rgb(160 208 204);
|
410
|
+
--md-sys-color-on-tertiary-fixed-variant: rgb(31 78 75);
|
411
|
+
--md-sys-color-surface-dim: rgb(218 219 208);
|
412
|
+
--md-sys-color-surface-bright: rgb(249 250 239);
|
413
|
+
--md-sys-color-surface-container-lowest: rgb(255 255 255);
|
414
|
+
--md-sys-color-surface-container-low: rgb(243 244 233);
|
415
|
+
--md-sys-color-surface-container: rgb(238 239 228);
|
416
|
+
--md-sys-color-surface-container-high: rgb(232 233 222);
|
417
|
+
--md-sys-color-surface-container-highest: rgb(226 227 216);
|
418
|
+
}
|
419
|
+
.light-yellow {
|
420
|
+
--md-sys-color-primary: rgb(109 94 15);
|
421
|
+
--md-sys-color-surface-tint: rgb(109 94 15);
|
422
|
+
--md-sys-color-on-primary: rgb(255 255 255);
|
423
|
+
--md-sys-color-primary-container: rgb(248 226 135);
|
424
|
+
--md-sys-color-on-primary-container: rgb(34 27 0);
|
425
|
+
--md-sys-color-secondary: rgb(102 94 64);
|
426
|
+
--md-sys-color-on-secondary: rgb(255 255 255);
|
427
|
+
--md-sys-color-secondary-container: rgb(238 226 188);
|
428
|
+
--md-sys-color-on-secondary-container: rgb(33 27 4);
|
429
|
+
--md-sys-color-tertiary: rgb(67 102 78);
|
430
|
+
--md-sys-color-on-tertiary: rgb(255 255 255);
|
431
|
+
--md-sys-color-tertiary-container: rgb(197 236 206);
|
432
|
+
--md-sys-color-on-tertiary-container: rgb(0 33 15);
|
433
|
+
--md-sys-color-error: rgb(186 26 26);
|
434
|
+
--md-sys-color-on-error: rgb(255 255 255);
|
435
|
+
--md-sys-color-error-container: rgb(255 218 214);
|
436
|
+
--md-sys-color-on-error-container: rgb(65 0 2);
|
437
|
+
--md-sys-color-background: rgb(255 249 238);
|
438
|
+
--md-sys-color-on-background: rgb(30 27 19);
|
439
|
+
--md-sys-color-surface: rgb(255 249 238);
|
440
|
+
--md-sys-color-on-surface: #1e1b13;
|
441
|
+
--on-surface-filter: invert(8%) sepia(20%) saturate(701%) hue-rotate(6deg)
|
442
|
+
brightness(101%) contrast(95%);
|
443
|
+
--md-sys-color-surface-variant: rgb(234 226 208);
|
444
|
+
--md-sys-color-on-surface-variant: rgb(75 71 57);
|
445
|
+
--md-sys-color-outline: rgb(124 119 103);
|
446
|
+
--md-sys-color-outline-variant: rgb(205 198 180);
|
447
|
+
--md-sys-color-shadow: rgb(0 0 0);
|
448
|
+
--md-sys-color-scrim: rgb(0 0 0);
|
449
|
+
--md-sys-color-inverse-surface: rgb(51 48 39);
|
450
|
+
--md-sys-color-inverse-on-surface: rgb(247 240 226);
|
451
|
+
--md-sys-color-inverse-primary: rgb(219 198 110);
|
452
|
+
--md-sys-color-primary-fixed: rgb(248 226 135);
|
453
|
+
--md-sys-color-on-primary-fixed: rgb(34 27 0);
|
454
|
+
--md-sys-color-primary-fixed-dim: rgb(219 198 110);
|
455
|
+
--md-sys-color-on-primary-fixed-variant: rgb(83 70 0);
|
456
|
+
--md-sys-color-secondary-fixed: rgb(238 226 188);
|
457
|
+
--md-sys-color-on-secondary-fixed: rgb(33 27 4);
|
458
|
+
--md-sys-color-secondary-fixed-dim: rgb(209 198 161);
|
459
|
+
--md-sys-color-on-secondary-fixed-variant: rgb(78 71 42);
|
460
|
+
--md-sys-color-tertiary-fixed: rgb(197 236 206);
|
461
|
+
--md-sys-color-on-tertiary-fixed: rgb(0 33 15);
|
462
|
+
--md-sys-color-tertiary-fixed-dim: rgb(169 208 179);
|
463
|
+
--md-sys-color-on-tertiary-fixed-variant: rgb(44 78 56);
|
464
|
+
--md-sys-color-surface-dim: rgb(224 217 204);
|
465
|
+
--md-sys-color-surface-bright: rgb(255 249 238);
|
466
|
+
--md-sys-color-surface-container-lowest: rgb(255 255 255);
|
467
|
+
--md-sys-color-surface-container-low: rgb(250 243 229);
|
468
|
+
--outline-filter: brightness(0) saturate(100%) invert(64%) sepia(15%)
|
469
|
+
saturate(306%) hue-rotate(6deg) brightness(87%) contrast(85%);
|
470
|
+
--md-sys-color-surface-container: rgb(244 237 223);
|
471
|
+
--md-sys-color-surface-container-high: rgb(238 232 218);
|
472
|
+
--md-sys-color-surface-container-highest: rgb(232 226 212);
|
473
|
+
}
|
474
|
+
.light-blue {
|
475
|
+
--md-sys-color-primary: rgb(65 95 145);
|
476
|
+
--md-sys-color-surface-tint: rgb(65 95 145);
|
477
|
+
--md-sys-color-on-primary: rgb(255 255 255);
|
478
|
+
--md-sys-color-primary-container: rgb(214 227 255);
|
479
|
+
--md-sys-color-on-primary-container: rgb(0 27 62);
|
480
|
+
--md-sys-color-secondary: rgb(86 94 113);
|
481
|
+
--md-sys-color-on-secondary: rgb(255 255 255);
|
482
|
+
--md-sys-color-secondary-container: rgb(218 226 249);
|
483
|
+
--md-sys-color-on-secondary-container: rgb(19 28 43);
|
484
|
+
--md-sys-color-tertiary: rgb(112 85 117);
|
485
|
+
--md-sys-color-on-tertiary: rgb(255 255 255);
|
486
|
+
--md-sys-color-tertiary-container: rgb(250 216 253);
|
487
|
+
--md-sys-color-on-tertiary-container: rgb(40 19 46);
|
488
|
+
--md-sys-color-error: rgb(186 26 26);
|
489
|
+
--md-sys-color-on-error: rgb(255 255 255);
|
490
|
+
--md-sys-color-error-container: rgb(255 218 214);
|
491
|
+
--md-sys-color-on-error-container: rgb(65 0 2);
|
492
|
+
--md-sys-color-background: rgb(249 249 255);
|
493
|
+
--md-sys-color-on-background: rgb(25 28 32);
|
494
|
+
--md-sys-color-surface: rgb(249 249 255);
|
495
|
+
--md-sys-color-on-surface: #191c20;
|
496
|
+
--on-surface-filter: invert(7%) sepia(25%) saturate(417%) hue-rotate(174deg)
|
497
|
+
brightness(93%) contrast(91%);
|
498
|
+
--md-sys-color-surface-variant: rgb(224 226 236);
|
499
|
+
--md-sys-color-on-surface-variant: rgb(68 71 78);
|
500
|
+
--md-sys-color-outline: rgb(116 119 127);
|
501
|
+
--md-sys-color-outline-variant: rgb(196 198 208);
|
502
|
+
--md-sys-color-shadow: rgb(0 0 0);
|
503
|
+
--md-sys-color-scrim: rgb(0 0 0);
|
504
|
+
--md-sys-color-inverse-surface: rgb(46 48 54);
|
505
|
+
--md-sys-color-inverse-on-surface: rgb(240 240 247);
|
506
|
+
--md-sys-color-inverse-primary: rgb(170 199 255);
|
507
|
+
--md-sys-color-primary-fixed: rgb(214 227 255);
|
508
|
+
--md-sys-color-on-primary-fixed: rgb(0 27 62);
|
509
|
+
--md-sys-color-primary-fixed-dim: rgb(170 199 255);
|
510
|
+
--md-sys-color-on-primary-fixed-variant: rgb(40 71 119);
|
511
|
+
--md-sys-color-secondary-fixed: rgb(218 226 249);
|
512
|
+
--md-sys-color-on-secondary-fixed: rgb(19 28 43);
|
513
|
+
--md-sys-color-secondary-fixed-dim: rgb(190 198 220);
|
514
|
+
--md-sys-color-on-secondary-fixed-variant: rgb(62 71 89);
|
515
|
+
--md-sys-color-tertiary-fixed: rgb(250 216 253);
|
516
|
+
--md-sys-color-on-tertiary-fixed: rgb(40 19 46);
|
517
|
+
--md-sys-color-tertiary-fixed-dim: rgb(221 188 224);
|
518
|
+
--md-sys-color-on-tertiary-fixed-variant: rgb(87 62 92);
|
519
|
+
--md-sys-color-surface-dim: rgb(217 217 224);
|
520
|
+
--md-sys-color-surface-bright: rgb(249 249 255);
|
521
|
+
--md-sys-color-surface-container-lowest: rgb(255 255 255);
|
522
|
+
--md-sys-color-surface-container-low: rgb(243 243 250);
|
523
|
+
--md-sys-color-surface-container: rgb(237 237 244);
|
524
|
+
--md-sys-color-surface-container-high: rgb(231 232 238);
|
525
|
+
--md-sys-color-surface-container-highest: rgb(226 226 233);
|
526
|
+
--outline-filter: brightness(0) saturate(100%) invert(61%) sepia(5%)
|
527
|
+
saturate(424%) hue-rotate(192deg) brightness(92%) contrast(92%);
|
528
|
+
}
|
529
|
+
.light-cyan {
|
530
|
+
--md-sys-color-primary: rgb(0 106 100);
|
531
|
+
--md-sys-color-surface-tint: rgb(0 106 100);
|
532
|
+
--md-sys-color-on-primary: rgb(255 255 255);
|
533
|
+
--md-sys-color-primary-container: rgb(157 242 233);
|
534
|
+
--md-sys-color-on-primary-container: rgb(0 32 30);
|
535
|
+
--md-sys-color-secondary: rgb(74 99 96);
|
536
|
+
--md-sys-color-on-secondary: rgb(255 255 255);
|
537
|
+
--md-sys-color-secondary-container: rgb(204 232 228);
|
538
|
+
--md-sys-color-on-secondary-container: rgb(5 31 29);
|
539
|
+
--md-sys-color-tertiary: rgb(72 97 122);
|
540
|
+
--md-sys-color-on-tertiary: rgb(255 255 255);
|
541
|
+
--md-sys-color-tertiary-container: rgb(207 229 255);
|
542
|
+
--md-sys-color-on-tertiary-container: rgb(0 29 52);
|
543
|
+
--md-sys-color-error: rgb(186 26 26);
|
544
|
+
--md-sys-color-on-error: rgb(255 255 255);
|
545
|
+
--md-sys-color-error-container: rgb(255 218 214);
|
546
|
+
--md-sys-color-on-error-container: rgb(65 0 2);
|
547
|
+
--md-sys-color-background: rgb(244 251 249);
|
548
|
+
--md-sys-color-on-background: rgb(22 29 28);
|
549
|
+
--md-sys-color-surface: rgb(244 251 249);
|
550
|
+
--md-sys-color-on-surface: #161d1c;
|
551
|
+
--on-surface-filter: invert(7%) sepia(7%) saturate(1616%) hue-rotate(122deg)
|
552
|
+
brightness(92%) contrast(90%);
|
553
|
+
--md-sys-color-surface-variant: rgb(218 229 226);
|
554
|
+
--md-sys-color-on-surface-variant: rgb(63 73 71);
|
555
|
+
--md-sys-color-outline: rgb(111 121 119);
|
556
|
+
--md-sys-color-outline-variant: rgb(190 201 198);
|
557
|
+
--md-sys-color-shadow: rgb(0 0 0);
|
558
|
+
--md-sys-color-scrim: rgb(0 0 0);
|
559
|
+
--md-sys-color-inverse-surface: rgb(43 50 49);
|
560
|
+
--outline-filter: brightness(0) saturate(100%) invert(66%) sepia(8%)
|
561
|
+
saturate(263%) hue-rotate(118deg) brightness(85%) contrast(87%);
|
562
|
+
--md-sys-color-inverse-on-surface: rgb(236 242 240);
|
563
|
+
--md-sys-color-inverse-primary: rgb(129 213 205);
|
564
|
+
--md-sys-color-primary-fixed: rgb(157 242 233);
|
565
|
+
--md-sys-color-on-primary-fixed: rgb(0 32 30);
|
566
|
+
--md-sys-color-primary-fixed-dim: rgb(129 213 205);
|
567
|
+
--md-sys-color-on-primary-fixed-variant: rgb(0 80 75);
|
568
|
+
--md-sys-color-secondary-fixed: rgb(204 232 228);
|
569
|
+
--md-sys-color-on-secondary-fixed: rgb(5 31 29);
|
570
|
+
--md-sys-color-secondary-fixed-dim: rgb(176 204 200);
|
571
|
+
--md-sys-color-on-secondary-fixed-variant: rgb(50 75 73);
|
572
|
+
--md-sys-color-tertiary-fixed: rgb(207 229 255);
|
573
|
+
--md-sys-color-on-tertiary-fixed: rgb(0 29 52);
|
574
|
+
--md-sys-color-tertiary-fixed-dim: rgb(175 201 231);
|
575
|
+
--md-sys-color-on-tertiary-fixed-variant: rgb(48 73 98);
|
576
|
+
--md-sys-color-surface-dim: rgb(213 219 218);
|
577
|
+
--md-sys-color-surface-bright: rgb(244 251 249);
|
578
|
+
--md-sys-color-surface-container-lowest: rgb(255 255 255);
|
579
|
+
--md-sys-color-surface-container-low: rgb(239 245 243);
|
580
|
+
--md-sys-color-surface-container: rgb(233 239 237);
|
581
|
+
--md-sys-color-surface-container-high: rgb(227 233 232);
|
582
|
+
--md-sys-color-surface-container-highest: rgb(221 228 226);
|
583
|
+
}
|
@@ -6,8 +6,10 @@
|
|
6
6
|
|
7
7
|
function clickHandler(color) {
|
8
8
|
return (event) => {
|
9
|
-
|
10
|
-
|
9
|
+
const mode = root.className.split("-")[0];
|
10
|
+
const newTheme = `${mode}-${color.split("-")[1]}`;
|
11
|
+
window.localStorage.setItem("theme", newTheme);
|
12
|
+
root.className = newTheme;
|
11
13
|
const selectedColor = event.target.getAttribute("data-color");
|
12
14
|
currentTheme.style.backgroundColor = selectedColor;
|
13
15
|
};
|
@@ -19,9 +21,25 @@
|
|
19
21
|
: themeOptions.style.maxWidth === "0px"
|
20
22
|
? "800px"
|
21
23
|
: "0px";
|
24
|
+
themeOptions.style.paddingTop =
|
25
|
+
themeOptions.style.maxWidth !== "0px" ? "50px" : "0px";
|
22
26
|
});
|
23
27
|
|
24
28
|
document.querySelectorAll(".theme-option").forEach((option) => {
|
25
29
|
option.addEventListener("click", clickHandler(option.dataset.themeClass));
|
26
30
|
});
|
31
|
+
|
32
|
+
const darkModeToggle = document.getElementById("darkModeToggle");
|
33
|
+
|
34
|
+
darkModeToggle.checked = theme.startsWith("dark") ? true : false;
|
35
|
+
darkModeToggle.addEventListener("change", () => {
|
36
|
+
let activeMode = root.className;
|
37
|
+
if (activeMode.startsWith("dark")) {
|
38
|
+
activeMode = root.className.replace("dark", "light");
|
39
|
+
} else {
|
40
|
+
activeMode = root.className.replace("light", "dark");
|
41
|
+
}
|
42
|
+
root.className = activeMode;
|
43
|
+
window.localStorage.setItem("theme", activeMode);
|
44
|
+
});
|
27
45
|
})();
|
@@ -1,5 +1,5 @@
|
|
1
1
|
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 115.20619217560227 149.71790279280162"
|
2
|
-
width="345.6185765268068" height="449.1537083784049"
|
2
|
+
width="345.6185765268068" height="449.1537083784049">
|
3
3
|
<!-- svg-source:excalidraw -->
|
4
4
|
|
5
5
|
<defs>
|
@@ -8,19 +8,19 @@
|
|
8
8
|
</style>
|
9
9
|
|
10
10
|
</defs>
|
11
|
-
<g stroke-opacity="
|
11
|
+
<g stroke-opacity="1" fill-opacity="0" stroke-linecap="round"
|
12
12
|
transform="translate(10 16.369558909910893) rotate(0 34.50250452803067 32.58569872091772)">
|
13
13
|
<path
|
14
14
|
d="M56.2 6.66 C60.83 9.91, 65.18 17.15, 66.6 23.55 C68.01 29.94, 66.75 38.81, 64.69 45.03 C62.63 51.25, 59.51 57.37, 54.25 60.88 C48.98 64.39, 40.47 66.37, 33.1 66.08 C25.73 65.79, 15.1 63.35, 10.04 59.13 C4.97 54.9, 4.1 47.13, 2.7 40.74 C1.31 34.35, -0.84 26.6, 1.68 20.8 C4.19 14.99, 11.85 9.28, 17.8 5.89 C23.74 2.51, 28.82 -3.74, 37.36 0.47 C45.9 4.69, 65.47 22.08, 69.04 31.18 C72.61 40.28, 59.47 54.58, 58.77 55.07 M56.44 7.52 C62.54 11.73, 68.24 20.01, 70.04 26.1 C71.85 32.19, 70.26 38.79, 67.27 44.06 C64.28 49.33, 58.21 54.34, 52.08 57.71 C45.95 61.08, 36.72 63.97, 30.5 64.29 C24.29 64.6, 19.95 63.11, 14.77 59.61 C9.58 56.11, 1.79 50.04, -0.61 43.27 C-3.01 36.5, -2.16 25.78, 0.38 18.99 C2.91 12.19, 8.32 5.32, 14.61 2.52 C20.9 -0.29, 30.69 1.1, 38.11 2.16 C45.52 3.22, 56.27 7.48, 59.1 8.86 C61.93 10.25, 56.22 10.5, 55.09 10.47"
|
15
15
|
stroke="#000000" stroke-width="2" fill="none"></path>
|
16
16
|
</g>
|
17
17
|
<g stroke-linecap="round">
|
18
|
-
<g stroke-opacity="
|
18
|
+
<g stroke-opacity="1" fill-opacity="1"
|
19
19
|
transform="translate(31.084863878241322 81.54095635174724) rotate(0 16.700716021606354 27.136795898502896)"
|
20
20
|
fill-rule="evenodd">
|
21
21
|
<path
|
22
22
|
d="M0 0 C0 0, 0 0, 0 0 M0 0 C0 0, 0 0, 0 0 M-4.85 18.11 C-1.53 8.08, 3.27 2.65, 13.63 2.03 M-0.7 13.9 C2.05 8.39, 9.28 0.67, 12.81 -0.85 M-7.39 28.48 C0.46 19.31, 12.25 18.01, 21.43 -5.52 M-3.99 27.77 C1.83 18.92, 11.43 11.34, 24.92 -4.31 M-1.2 39.03 C10.65 23.06, 21.6 16.88, 31.8 -6.35 M2.83 35.05 C13.25 18.41, 28.13 6.31, 33.02 -3.76 M-0.37 55.26 C7.83 35.23, 24.14 28.23, 37.55 7.28 M-1.35 52.1 C12.69 34.32, 26.01 17.87, 34.58 11.32 M6.34 56.57 C14.03 50.36, 16.7 38.28, 36.04 21.48 M1.76 58.96 C9.85 50.25, 20.7 40.86, 33.11 23.14 M11.18 63.53 C16.57 52.39, 26.05 45.27, 37.15 36.05 M11.44 59.65 C19.74 52.69, 30.08 40.62, 34.1 32.02 M22.26 64.29 C26.12 57.85, 30.4 52.57, 40.44 43.82 M22.81 59.7 C26.98 53.55, 32.65 47.81, 36.1 44.75"
|
23
|
-
stroke="#
|
23
|
+
stroke="#000000" stroke-width="1" fill="none"></path>
|
24
24
|
<path
|
25
25
|
d="M1.99 2.39 C1.11 7.06, -3.02 20.95, -3.64 29.46 C-4.27 37.98, -7.79 49.73, -1.75 53.5 C4.29 57.27, 26.85 57.07, 32.6 52.07 C38.34 47.08, 32.32 32.4, 32.72 23.52 C33.12 14.64, 37.66 3.18, 34.98 -1.21 C32.3 -5.6, 22.04 -3.44, 16.65 -2.82 C11.25 -2.2, 5.23 2.27, 2.61 2.5 M-0.37 1.22 C-1.69 6.13, -6.09 23.42, -5.34 32.46 C-4.59 41.5, -2.08 51.98, 4.14 55.48 C10.36 58.97, 27.81 59.82, 31.97 53.44 C36.14 47.07, 28.01 26.55, 29.12 17.22 C30.23 7.88, 40.33 0.12, 38.63 -2.55 C36.94 -5.22, 25.11 0.24, 18.94 1.17 C12.77 2.11, 5.17 2.72, 1.61 3.06"
|
26
26
|
stroke="#000000" stroke-width="2" fill="none"></path>
|
@@ -28,7 +28,7 @@
|
|
28
28
|
</g>
|
29
29
|
<mask></mask>
|
30
30
|
<g stroke-linecap="round">
|
31
|
-
<g stroke-opacity="
|
31
|
+
<g stroke-opacity="1" fill-opacity="1"
|
32
32
|
transform="translate(27.083277305692036 81.12124227184631) rotate(0 -7.1804027025845585 23.829739409577826)">
|
33
33
|
<path
|
34
34
|
d="M-0.95 -0.98 C-2.8 3.72, -9.61 18.98, -11.86 27.25 C-14.12 35.52, -14.1 45.41, -14.48 48.64 M0.75 1.13 C-1.2 5.59, -10.22 18.11, -12.86 25.72 C-15.51 33.32, -15 43.19, -15.11 46.76"
|
@@ -37,7 +37,7 @@
|
|
37
37
|
</g>
|
38
38
|
<mask></mask>
|
39
39
|
<g stroke-linecap="round">
|
40
|
-
<g stroke-opacity="
|
40
|
+
<g stroke-opacity="1" fill-opacity="1"
|
41
41
|
transform="translate(11.603050377373279 130.07938183127078) rotate(0 3.7405555080219983 4.8157300924779065)">
|
42
42
|
<path d="M-0.07 0.7 C1.45 2.34, 7.03 8.02, 8.5 9.22 M-1.01 0.41 C0.47 1.9, 6.41 6.85, 7.98 8.18" stroke="#000000"
|
43
43
|
stroke-width="2" fill="none"></path>
|
@@ -45,7 +45,7 @@
|
|
45
45
|
</g>
|
46
46
|
<mask></mask>
|
47
47
|
<g stroke-linecap="round">
|
48
|
-
<g stroke-opacity="
|
48
|
+
<g stroke-opacity="1" fill-opacity="1"
|
49
49
|
transform="translate(67.9781866761125 83.74271082123255) rotate(0 12.155933012048592 -26.781485085579163)">
|
50
50
|
<path
|
51
51
|
d="M0.6 2.06 C4.34 -1.85, 17.88 -15.07, 22.24 -20.86 C26.61 -26.65, 27.01 -26.9, 26.79 -32.69 C26.57 -38.49, 21.88 -52.31, 20.93 -55.62 M-2.53 0.71 C1 -1.76, 15.96 -12.44, 20.78 -18.7 C25.6 -24.96, 26.19 -31.01, 26.4 -36.86 C26.61 -42.71, 23.4 -51.48, 22.05 -53.79"
|
@@ -54,7 +54,7 @@
|
|
54
54
|
</g>
|
55
55
|
<mask></mask>
|
56
56
|
<g stroke-linecap="round">
|
57
|
-
<g stroke-opacity="
|
57
|
+
<g stroke-opacity="1" fill-opacity="1"
|
58
58
|
transform="translate(86.360096875105 25.81282286672092) rotate(0 0.07455243862114003 -7.420999907079079)">
|
59
59
|
<path d="M0.61 -1.16 C0.67 -3.66, 0.72 -11.69, 0.6 -14.13 M-0.52 0.85 C-0.55 -2.04, 0.26 -13.08, 0.24 -15.69"
|
60
60
|
stroke="#000000" stroke-width="2" fill="none"></path>
|
@@ -62,7 +62,7 @@
|
|
62
62
|
</g>
|
63
63
|
<mask></mask>
|
64
64
|
<g stroke-linecap="round">
|
65
|
-
<g stroke-opacity="
|
65
|
+
<g stroke-opacity="1" fill-opacity="1"
|
66
66
|
transform="translate(91.07874026399963 31.58005367537021) rotate(0 2.1697822114203404 -10.253476735488448)">
|
67
67
|
<path d="M1.12 1.07 C1.7 -2.33, 3.58 -18.02, 4.09 -21.58 M0.25 0.59 C0.65 -2.56, 2.79 -16.56, 3.36 -20.36"
|
68
68
|
stroke="#000000" stroke-width="2" fill="none"></path>
|
@@ -70,21 +70,21 @@
|
|
70
70
|
</g>
|
71
71
|
<mask></mask>
|
72
72
|
<g stroke-linecap="round">
|
73
|
-
<g stroke-opacity="
|
73
|
+
<g stroke-opacity="1" fill-opacity="1"
|
74
74
|
transform="translate(90.55444655412225 32.10434738524714) rotate(0 6.916527724979403 -7.804763053959505)">
|
75
75
|
<path d="M0.42 -0.61 C2.68 -3.38, 12.24 -12.94, 14.65 -15.55 M-0.82 1.69 C1.22 -0.91, 11.42 -14.52, 13.96 -17.3"
|
76
76
|
stroke="#000000" stroke-width="2" fill="none"></path>
|
77
77
|
</g>
|
78
78
|
</g>
|
79
79
|
<mask></mask>
|
80
|
-
<g stroke-opacity="
|
80
|
+
<g stroke-opacity="1" fill-opacity="1"
|
81
81
|
transform="translate(38.67430022957956 38.840193608200366) rotate(0 0.00004600333937787582 0.00004600333937787582)"
|
82
82
|
stroke="none">
|
83
83
|
<path fill="#000000"
|
84
84
|
d="M 1.57,-1.57 Q 1.57,-1.57 1.77,-1.27 1.98,-0.98 2.09,-0.64 2.20,-0.29 2.19,0.05 2.18,0.41 2.05,0.75 1.93,1.09 1.70,1.37 1.48,1.65 1.18,1.84 0.87,2.04 0.52,2.12 0.18,2.21 -0.17,2.18 -0.53,2.15 -0.86,2.01 -1.19,1.87 -1.46,1.63 -1.73,1.39 -1.90,1.07 -2.08,0.76 -2.15,0.41 -2.21,0.05 -2.17,-0.29 -2.12,-0.65 -1.96,-0.97 -1.80,-1.29 -1.54,-1.54 -1.29,-1.80 -0.97,-1.96 -0.65,-2.12 -0.29,-2.17 0.06,-2.21 0.41,-2.15 0.76,-2.08 1.07,-1.90 1.39,-1.73 1.63,-1.46 1.87,-1.19 2.01,-0.86 2.15,-0.53 2.18,-0.17 2.21,0.18 2.12,0.52 2.03,0.87 1.84,1.18 1.65,1.48 1.37,1.70 1.09,1.93 0.75,2.05 0.41,2.18 0.05,2.19 -0.30,2.20 -0.64,2.09 -0.98,1.98 -1.27,1.77 -1.57,1.56 -1.57,1.57 -1.57,1.57 -1.73,1.35 -1.90,1.14 -2.01,0.90 -2.12,0.66 -2.16,0.39 -2.21,0.13 -2.20,-0.13 -2.18,-0.40 -2.10,-0.65 -2.02,-0.91 -1.88,-1.14 -1.74,-1.36 -1.55,-1.55 -1.36,-1.74 -1.14,-1.88 -0.91,-2.02 -0.65,-2.10 -0.40,-2.18 -0.13,-2.20 0.13,-2.21 0.39,-2.16 0.66,-2.12 0.90,-2.01 1.14,-1.90 1.35,-1.73 1.57,-1.57 1.57,-1.57 L 1.57,-1.57 Z">
|
85
85
|
</path>
|
86
86
|
</g>
|
87
|
-
<g stroke-opacity="
|
87
|
+
<g stroke-opacity="1" fill-opacity="1"
|
88
88
|
transform="translate(56.4250003633673 38.00175253083182) rotate(0 0.00004600333937787582 0.00004600333937787582)"
|
89
89
|
stroke="none">
|
90
90
|
<path fill="#000000"
|
@@ -92,7 +92,7 @@
|
|
92
92
|
</path>
|
93
93
|
</g>
|
94
94
|
<g stroke-linecap="round">
|
95
|
-
<g stroke-opacity="
|
95
|
+
<g stroke-opacity="1" fill-opacity="1"
|
96
96
|
transform="translate(40.53198443230451 53.85006053174004) rotate(180.707313349537 6.173547239599031 -2.3527085912999155)">
|
97
97
|
<path
|
98
98
|
d="M0.1 0.01 C0.75 -0.66, 2.28 -3.82, 4.22 -4.03 C6.16 -4.23, 10.36 -1.78, 11.76 -1.21 M-0.51 -0.46 C0.28 -1.27, 3.04 -4.67, 5.27 -4.72 C7.5 -4.76, 11.58 -1.23, 12.86 -0.71"
|
@@ -7,4 +7,4 @@
|
|
7
7
|
</style>
|
8
8
|
|
9
9
|
</defs>
|
10
|
-
<g stroke-linecap="round"><g transform="translate(13.950384992495117 12.357081829032381) rotate(0 14.261622046022111 23.33231996428026)" fill-rule="evenodd"><path d="M-1.57 1.72 C3.58 1.91, 25.62 -4.24, 31.26 2.88 C36.9 10.01, 34.58 40.2, 32.28 44.5 C29.97 48.8, 22.75 28.44, 17.43 28.67 C12.11 28.89, 3.48 50.24, 0.37 45.85 C-2.75 41.46, -1.18 9.92, -1.24 2.32" stroke="none" stroke-width="0" fill="#ffffff" fill-rule="evenodd"></path><path d="M1.07 1.02 C5.97 1.28, 24.68 -6.58, 29.67 0.84 C34.65 8.26, 33.31 40.75, 30.98 45.54 C28.66 50.32, 21.15 29.55, 15.7 29.55 C10.26 29.56, 1.13 50.67, -1.68 45.56 C-4.49 40.45, -1.37 6.37, -1.16 -1.1 M0.17 0.51 C4.88 1.03, 23.61 -5.39, 28.68 2.3 C33.76 9.99, 32.79 42.48, 30.63 46.65 C28.47 50.82, 21.37 27.53, 15.74 27.31 C10.11 27.1, -0.48 49.76, -3.16 45.37 C-5.84 40.97, -0.88 8.54, -0.36 0.94" stroke="#
|
10
|
+
<g stroke-linecap="round"><g transform="translate(13.950384992495117 12.357081829032381) rotate(0 14.261622046022111 23.33231996428026)" fill-rule="evenodd"><path d="M-1.57 1.72 C3.58 1.91, 25.62 -4.24, 31.26 2.88 C36.9 10.01, 34.58 40.2, 32.28 44.5 C29.97 48.8, 22.75 28.44, 17.43 28.67 C12.11 28.89, 3.48 50.24, 0.37 45.85 C-2.75 41.46, -1.18 9.92, -1.24 2.32" stroke="none" stroke-width="0" fill="#ffffff" fill-rule="evenodd"></path><path d="M1.07 1.02 C5.97 1.28, 24.68 -6.58, 29.67 0.84 C34.65 8.26, 33.31 40.75, 30.98 45.54 C28.66 50.32, 21.15 29.55, 15.7 29.55 C10.26 29.56, 1.13 50.67, -1.68 45.56 C-4.49 40.45, -1.37 6.37, -1.16 -1.1 M0.17 0.51 C4.88 1.03, 23.61 -5.39, 28.68 2.3 C33.76 9.99, 32.79 42.48, 30.63 46.65 C28.47 50.82, 21.37 27.53, 15.74 27.31 C10.11 27.1, -0.48 49.76, -3.16 45.37 C-5.84 40.97, -0.88 8.54, -0.36 0.94" stroke="#000000" stroke-width="2" fill="none"></path></g></g><mask></mask></svg>
|