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.
@@ -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: rgb(232 226 212);
38
- --md-sys-color-surface-variant: rgb(75 71 57);
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: rgb(226 226 233);
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: rgb(221 228 226);
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: rgb(226 227 216);
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: rgb(235 223 230);
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: rgb(53 46 51);
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
- window.localStorage.setItem("theme", color);
10
- root.className = color;
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" filter="invert(93%) hue-rotate(180deg)">
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="0.8" fill-opacity="0.8" stroke-linecap="round"
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="0.8" fill-opacity="0.8"
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="#40c057" stroke-width="1" fill="none"></path>
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="0.8" fill-opacity="0.8"
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="0.8" fill-opacity="0.8"
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="0.8" fill-opacity="0.8"
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="0.8" fill-opacity="0.8"
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="0.8" fill-opacity="0.8"
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="0.8" fill-opacity="0.8"
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="0.8" fill-opacity="0.8"
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="0.8" fill-opacity="0.8"
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="0.8" fill-opacity="0.8"
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="#1e1e1e" stroke-width="2" fill="none"></path></g></g><mask></mask></svg>
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>