solid_cache_dashboard 0.0.1 → 0.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.
Files changed (20) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/javascripts/solid_cache_dashboard/application.js +0 -1
  3. data/app/assets/stylesheets/solid_cache_dashboard/application.css +257 -82
  4. data/app/assets/stylesheets/solid_cache_dashboard/tailwind.css +8 -8
  5. data/app/controllers/solid_cache_dashboard/cache_entries_controller.rb +2 -3
  6. data/app/controllers/solid_cache_dashboard/cache_events_controller.rb +9 -3
  7. data/app/views/layouts/solid_cache_dashboard/application.html.erb +1 -1
  8. data/app/views/solid_cache_dashboard/application/_footer.html.erb +2 -2
  9. data/app/views/solid_cache_dashboard/application/_navbar.html.erb +28 -7
  10. data/app/views/solid_cache_dashboard/application/_pagination.html.erb +61 -0
  11. data/app/views/solid_cache_dashboard/cache_entries/index.html.erb +38 -24
  12. data/app/views/solid_cache_dashboard/cache_entries/show.html.erb +171 -38
  13. data/app/views/solid_cache_dashboard/cache_events/index.html.erb +34 -28
  14. data/app/views/solid_cache_dashboard/dashboard/index.html.erb +41 -41
  15. data/app/views/solid_cache_dashboard/stats/index.html.erb +55 -55
  16. data/lib/solid_cache_dashboard/cache_entry.rb +33 -0
  17. data/lib/solid_cache_dashboard/decorators/cache_entry_decorator.rb +91 -10
  18. data/lib/solid_cache_dashboard/engine.rb +13 -0
  19. data/lib/solid_cache_dashboard/version.rb +1 -1
  20. metadata +17 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 8237082b922fe1717a1a4806803134ea489b4ae0c7406ce92613e8fa844831dd
4
- data.tar.gz: 7c07e6129d9f81a386ce4ae7902fedc71fbe6a292d1111107e3e709ea855194e
3
+ metadata.gz: 1792c0c9bb75ff8e78d4049468e9d2289004cd8778c9ddefb8a2cd3025256426
4
+ data.tar.gz: f445b56effac5acc42b6957161af738fe2de2c7c5e954649544d9b07d0bb0626
5
5
  SHA512:
6
- metadata.gz: 58e45fb1dfc915c708550ef3cd0422e492c9ed2fe1c32edc4820082be93e2b8ae4e0fa192bfb8f94197cc72a28097781239968f1ce07cf4ca78b3a168afd9f2c
7
- data.tar.gz: '097bd14a3b83974815c549b2a402646261eb33c88b06e627009da9d23dacefefd76a7b43c797f442bf8e51af620741c0473e7c895a7720d0cbe5543525c8dfda'
6
+ metadata.gz: b7be582ede172a285252b2625c5450b5c329e3927458d12ce0549a15413f7e5b537501055afc2dfe5825842ea298cfe75e4c0a000702b5c289cad2a3816b485b
7
+ data.tar.gz: 86de65bf18da3e810d289e7bf73d2173abdc9b5e5a85d9f1f78ee0ae0914e702a5693075f521d3bb60e6b7992752b0ef5821b23b74a43ddb822bc53a8b5a2da3
data/app/assets/javascripts/solid_cache_dashboard/application.js CHANGED
@@ -54,7 +54,6 @@ document.addEventListener('DOMContentLoaded', function() {
54
54
  }
55
55
 
56
56
  function refreshHomePage() {
57
- // TODO: Implement a smart refresh strategy using Fetch or Turbo
58
57
  window.location.reload();
59
58
  }
60
59
  });
data/app/assets/stylesheets/solid_cache_dashboard/application.css CHANGED
@@ -15,40 +15,47 @@
15
15
  --color-red-700: oklch(0.505 0.213 27.518);
16
16
  --color-red-900: oklch(0.396 0.141 25.723);
17
17
  --color-amber-100: oklch(0.962 0.059 95.617);
18
+ --color-amber-400: oklch(0.828 0.189 84.429);
18
19
  --color-amber-500: oklch(0.769 0.188 70.08);
19
20
  --color-amber-600: oklch(0.666 0.179 58.318);
20
21
  --color-amber-700: oklch(0.555 0.163 48.998);
22
+ --color-amber-800: oklch(0.473 0.137 46.201);
21
23
  --color-green-100: oklch(0.962 0.044 156.743);
22
24
  --color-green-200: oklch(0.925 0.084 155.995);
25
+ --color-green-400: oklch(0.792 0.209 151.711);
23
26
  --color-green-500: oklch(0.723 0.219 149.579);
24
27
  --color-green-600: oklch(0.627 0.194 149.214);
25
28
  --color-green-700: oklch(0.527 0.154 150.069);
29
+ --color-green-800: oklch(0.448 0.119 151.328);
26
30
  --color-sky-100: oklch(0.951 0.026 236.824);
27
31
  --color-sky-600: oklch(0.588 0.158 241.966);
28
32
  --color-sky-700: oklch(0.5 0.134 242.749);
33
+ --color-blue-50: oklch(0.97 0.014 254.604);
29
34
  --color-blue-100: oklch(0.932 0.032 255.585);
30
35
  --color-blue-200: oklch(0.882 0.059 254.128);
36
+ --color-blue-300: oklch(0.809 0.105 251.813);
31
37
  --color-blue-400: oklch(0.707 0.165 254.624);
32
38
  --color-blue-500: oklch(0.623 0.214 259.815);
33
39
  --color-blue-600: oklch(0.546 0.245 262.881);
34
40
  --color-blue-700: oklch(0.488 0.243 264.376);
41
+ --color-blue-800: oklch(0.424 0.199 265.638);
42
+ --color-blue-900: oklch(0.379 0.146 265.522);
35
43
  --color-indigo-100: oklch(0.93 0.034 272.788);
36
44
  --color-indigo-600: oklch(0.511 0.262 276.966);
37
45
  --color-indigo-700: oklch(0.457 0.24 277.023);
38
46
  --color-purple-100: oklch(0.946 0.033 307.174);
39
47
  --color-purple-600: oklch(0.558 0.288 302.321);
40
48
  --color-purple-700: oklch(0.496 0.265 301.924);
41
- --color-gray-50: oklch(0.985 0.002 247.839);
42
- --color-gray-100: oklch(0.967 0.003 264.542);
43
- --color-gray-200: oklch(0.928 0.006 264.531);
44
- --color-gray-300: oklch(0.872 0.01 258.338);
45
- --color-gray-400: oklch(0.707 0.022 261.325);
46
- --color-gray-500: oklch(0.551 0.027 264.364);
47
- --color-gray-600: oklch(0.446 0.03 256.802);
48
- --color-gray-700: oklch(0.373 0.034 259.733);
49
- --color-gray-800: oklch(0.278 0.033 256.848);
50
- --color-gray-900: oklch(0.21 0.034 264.665);
49
+ --color-zinc-50: oklch(0.985 0 0);
50
+ --color-zinc-100: oklch(0.967 0.001 286.375);
51
+ --color-zinc-200: oklch(0.92 0.004 286.32);
51
52
  --color-zinc-300: oklch(0.871 0.006 286.286);
53
+ --color-zinc-400: oklch(0.705 0.015 286.067);
54
+ --color-zinc-500: oklch(0.552 0.016 285.938);
55
+ --color-zinc-600: oklch(0.442 0.017 285.786);
56
+ --color-zinc-700: oklch(0.37 0.013 285.805);
57
+ --color-zinc-800: oklch(0.274 0.006 286.033);
58
+ --color-zinc-900: oklch(0.21 0.006 285.885);
52
59
  --color-black: #000;
53
60
  --color-white: #fff;
54
61
  --spacing: 0.25rem;
@@ -86,7 +93,9 @@
86
93
  --color-ring: hsl(var(--ring));
87
94
  --color-background: hsl(var(--background));
88
95
  --color-foreground: hsl(var(--foreground));
96
+ --color-secondary: hsl(var(--secondary));
89
97
  --color-muted-foreground: hsl(var(--muted-foreground));
98
+ --color-card: hsl(var(--card));
90
99
  }
91
100
  }
92
101
  @layer base {
@@ -264,9 +273,23 @@
264
273
  padding-left: calc(var(--spacing) * 7);
265
274
  }
266
275
  }
276
+ .sr-only {
277
+ position: absolute;
278
+ width: 1px;
279
+ height: 1px;
280
+ padding: 0;
281
+ margin: -1px;
282
+ overflow: hidden;
283
+ clip: rect(0, 0, 0, 0);
284
+ white-space: nowrap;
285
+ border-width: 0;
286
+ }
267
287
  .relative {
268
288
  position: relative;
269
289
  }
290
+ .z-0 {
291
+ z-index: 0;
292
+ }
270
293
  .container {
271
294
  width: 100%;
272
295
  @media (width >= 40rem) {
@@ -313,6 +336,9 @@
313
336
  .mr-1 {
314
337
  margin-right: calc(var(--spacing) * 1);
315
338
  }
339
+ .mr-1\.5 {
340
+ margin-right: calc(var(--spacing) * 1.5);
341
+ }
316
342
  .mr-2 {
317
343
  margin-right: calc(var(--spacing) * 2);
318
344
  }
@@ -328,6 +354,9 @@
328
354
  .-ml-1 {
329
355
  margin-left: calc(var(--spacing) * -1);
330
356
  }
357
+ .ml-3 {
358
+ margin-left: calc(var(--spacing) * 3);
359
+ }
331
360
  .ml-5 {
332
361
  margin-left: calc(var(--spacing) * 5);
333
362
  }
@@ -353,6 +382,10 @@
353
382
  outline-width: 1px;
354
383
  }
355
384
  }
385
+ .pagination {
386
+ display: flex;
387
+ justify-content: center;
388
+ }
356
389
  .block {
357
390
  display: block;
358
391
  }
@@ -474,9 +507,23 @@
474
507
  background-color: var(--color-black);
475
508
  }
476
509
  }
510
+ .size-4 {
511
+ width: calc(var(--spacing) * 4);
512
+ height: calc(var(--spacing) * 4);
513
+ }
514
+ .size-6 {
515
+ width: calc(var(--spacing) * 6);
516
+ height: calc(var(--spacing) * 6);
517
+ }
477
518
  .h-2 {
478
519
  height: calc(var(--spacing) * 2);
479
520
  }
521
+ .h-3 {
522
+ height: calc(var(--spacing) * 3);
523
+ }
524
+ .h-4 {
525
+ height: calc(var(--spacing) * 4);
526
+ }
480
527
  .h-5 {
481
528
  height: calc(var(--spacing) * 5);
482
529
  }
@@ -498,12 +545,21 @@
498
545
  .w-0 {
499
546
  width: calc(var(--spacing) * 0);
500
547
  }
548
+ .w-3 {
549
+ width: calc(var(--spacing) * 3);
550
+ }
551
+ .w-4 {
552
+ width: calc(var(--spacing) * 4);
553
+ }
501
554
  .w-5 {
502
555
  width: calc(var(--spacing) * 5);
503
556
  }
504
557
  .w-6 {
505
558
  width: calc(var(--spacing) * 6);
506
559
  }
560
+ .w-40 {
561
+ width: calc(var(--spacing) * 40);
562
+ }
507
563
  .max-w-\[200px\] {
508
564
  max-width: 200px;
509
565
  }
@@ -543,6 +599,12 @@
543
599
  .justify-center {
544
600
  justify-content: center;
545
601
  }
602
+ .gap-1\.5 {
603
+ gap: calc(var(--spacing) * 1.5);
604
+ }
605
+ .gap-2 {
606
+ gap: calc(var(--spacing) * 2);
607
+ }
546
608
  .gap-6 {
547
609
  gap: calc(var(--spacing) * 6);
548
610
  }
@@ -560,6 +622,13 @@
560
622
  margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
561
623
  }
562
624
  }
625
+ .-space-x-px {
626
+ :where(& > :not(:last-child)) {
627
+ --tw-space-x-reverse: 0;
628
+ margin-inline-start: calc(-1px * var(--tw-space-x-reverse));
629
+ margin-inline-end: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
630
+ }
631
+ }
563
632
  .space-x-2 {
564
633
  :where(& > :not(:last-child)) {
565
634
  --tw-space-x-reverse: 0;
@@ -576,9 +645,9 @@
576
645
  border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
577
646
  }
578
647
  }
579
- .divide-gray-200 {
648
+ .divide-zinc-200 {
580
649
  :where(& > :not(:last-child)) {
581
- border-color: var(--color-gray-200);
650
+ border-color: var(--color-zinc-200);
582
651
  }
583
652
  }
584
653
  .truncate {
@@ -608,10 +677,18 @@
608
677
  border-top-left-radius: calc(infinity * 1px);
609
678
  border-bottom-left-radius: calc(infinity * 1px);
610
679
  }
680
+ .rounded-l-md {
681
+ border-top-left-radius: var(--radius-md);
682
+ border-bottom-left-radius: var(--radius-md);
683
+ }
611
684
  .rounded-r-full {
612
685
  border-top-right-radius: calc(infinity * 1px);
613
686
  border-bottom-right-radius: calc(infinity * 1px);
614
687
  }
688
+ .rounded-r-md {
689
+ border-top-right-radius: var(--radius-md);
690
+ border-bottom-right-radius: var(--radius-md);
691
+ }
615
692
  .border {
616
693
  border-style: var(--tw-border-style);
617
694
  border-width: 1px;
@@ -624,21 +701,27 @@
624
701
  border-bottom-style: var(--tw-border-style);
625
702
  border-bottom-width: 1px;
626
703
  }
627
- .border-gray-200 {
628
- border-color: var(--color-gray-200);
629
- }
630
- .border-gray-300 {
631
- border-color: var(--color-gray-300);
704
+ .border-blue-500 {
705
+ border-color: var(--color-blue-500);
632
706
  }
633
707
  .border-transparent {
634
708
  border-color: transparent;
635
709
  }
710
+ .border-zinc-200 {
711
+ border-color: var(--color-zinc-200);
712
+ }
713
+ .border-zinc-300 {
714
+ border-color: var(--color-zinc-300);
715
+ }
636
716
  .bg-amber-100 {
637
717
  background-color: var(--color-amber-100);
638
718
  }
639
719
  .bg-amber-500 {
640
720
  background-color: var(--color-amber-500);
641
721
  }
722
+ .bg-blue-50 {
723
+ background-color: var(--color-blue-50);
724
+ }
642
725
  .bg-blue-100 {
643
726
  background-color: var(--color-blue-100);
644
727
  }
@@ -648,15 +731,6 @@
648
731
  .bg-blue-500 {
649
732
  background-color: var(--color-blue-500);
650
733
  }
651
- .bg-gray-50 {
652
- background-color: var(--color-gray-50);
653
- }
654
- .bg-gray-100 {
655
- background-color: var(--color-gray-100);
656
- }
657
- .bg-gray-200 {
658
- background-color: var(--color-gray-200);
659
- }
660
734
  .bg-green-100 {
661
735
  background-color: var(--color-green-100);
662
736
  }
@@ -690,6 +764,15 @@
690
764
  .bg-white {
691
765
  background-color: var(--color-white);
692
766
  }
767
+ .bg-zinc-50 {
768
+ background-color: var(--color-zinc-50);
769
+ }
770
+ .bg-zinc-100 {
771
+ background-color: var(--color-zinc-100);
772
+ }
773
+ .bg-zinc-200 {
774
+ background-color: var(--color-zinc-200);
775
+ }
693
776
  .p-1 {
694
777
  padding: calc(var(--spacing) * 1);
695
778
  }
@@ -702,6 +785,9 @@
702
785
  .px-2 {
703
786
  padding-inline: calc(var(--spacing) * 2);
704
787
  }
788
+ .px-2\.5 {
789
+ padding-inline: calc(var(--spacing) * 2.5);
790
+ }
705
791
  .px-3 {
706
792
  padding-inline: calc(var(--spacing) * 3);
707
793
  }
@@ -711,6 +797,9 @@
711
797
  .px-6 {
712
798
  padding-inline: calc(var(--spacing) * 6);
713
799
  }
800
+ .py-0\.5 {
801
+ padding-block: calc(var(--spacing) * 0.5);
802
+ }
714
803
  .py-1 {
715
804
  padding-block: calc(var(--spacing) * 1);
716
805
  }
@@ -796,23 +885,14 @@
796
885
  .text-amber-600 {
797
886
  color: var(--color-amber-600);
798
887
  }
888
+ .text-amber-800 {
889
+ color: var(--color-amber-800);
890
+ }
799
891
  .text-blue-600 {
800
892
  color: var(--color-blue-600);
801
893
  }
802
- .text-gray-400 {
803
- color: var(--color-gray-400);
804
- }
805
- .text-gray-500 {
806
- color: var(--color-gray-500);
807
- }
808
- .text-gray-700 {
809
- color: var(--color-gray-700);
810
- }
811
- .text-gray-800 {
812
- color: var(--color-gray-800);
813
- }
814
- .text-gray-900 {
815
- color: var(--color-gray-900);
894
+ .text-blue-800 {
895
+ color: var(--color-blue-800);
816
896
  }
817
897
  .text-green-600 {
818
898
  color: var(--color-green-600);
@@ -820,9 +900,15 @@
820
900
  .text-green-700 {
821
901
  color: var(--color-green-700);
822
902
  }
903
+ .text-green-800 {
904
+ color: var(--color-green-800);
905
+ }
823
906
  .text-indigo-600 {
824
907
  color: var(--color-indigo-600);
825
908
  }
909
+ .text-muted-foreground {
910
+ color: var(--color-muted-foreground);
911
+ }
826
912
  .text-purple-600 {
827
913
  color: var(--color-purple-600);
828
914
  }
@@ -838,6 +924,21 @@
838
924
  .text-white {
839
925
  color: var(--color-white);
840
926
  }
927
+ .text-zinc-400 {
928
+ color: var(--color-zinc-400);
929
+ }
930
+ .text-zinc-500 {
931
+ color: var(--color-zinc-500);
932
+ }
933
+ .text-zinc-700 {
934
+ color: var(--color-zinc-700);
935
+ }
936
+ .text-zinc-800 {
937
+ color: var(--color-zinc-800);
938
+ }
939
+ .text-zinc-900 {
940
+ color: var(--color-zinc-900);
941
+ }
841
942
  .capitalize {
842
943
  text-transform: capitalize;
843
944
  }
@@ -868,38 +969,38 @@
868
969
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
869
970
  transition-duration: var(--tw-duration, var(--default-transition-duration));
870
971
  }
871
- .hover\:bg-gray-50 {
972
+ .hover\:bg-red-700 {
872
973
  &:hover {
873
974
  @media (hover: hover) {
874
- background-color: var(--color-gray-50);
975
+ background-color: var(--color-red-700);
875
976
  }
876
977
  }
877
978
  }
878
- .hover\:bg-gray-100 {
979
+ .hover\:bg-zinc-50 {
879
980
  &:hover {
880
981
  @media (hover: hover) {
881
- background-color: var(--color-gray-100);
982
+ background-color: var(--color-zinc-50);
882
983
  }
883
984
  }
884
985
  }
885
- .hover\:bg-red-700 {
986
+ .hover\:bg-zinc-100 {
886
987
  &:hover {
887
988
  @media (hover: hover) {
888
- background-color: var(--color-red-700);
989
+ background-color: var(--color-zinc-100);
889
990
  }
890
991
  }
891
992
  }
892
- .hover\:text-gray-500 {
993
+ .hover\:text-red-900 {
893
994
  &:hover {
894
995
  @media (hover: hover) {
895
- color: var(--color-gray-500);
996
+ color: var(--color-red-900);
896
997
  }
897
998
  }
898
999
  }
899
- .hover\:text-red-900 {
1000
+ .hover\:text-zinc-500 {
900
1001
  &:hover {
901
1002
  @media (hover: hover) {
902
- color: var(--color-red-900);
1003
+ color: var(--color-zinc-500);
903
1004
  }
904
1005
  }
905
1006
  }
@@ -967,6 +1068,11 @@
967
1068
  display: grid;
968
1069
  }
969
1070
  }
1071
+ .sm\:flex-1 {
1072
+ @media (width >= 40rem) {
1073
+ flex: 1;
1074
+ }
1075
+ }
970
1076
  .sm\:grid-cols-2 {
971
1077
  @media (width >= 40rem) {
972
1078
  grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -982,6 +1088,11 @@
982
1088
  align-items: center;
983
1089
  }
984
1090
  }
1091
+ .sm\:justify-between {
1092
+ @media (width >= 40rem) {
1093
+ justify-content: space-between;
1094
+ }
1095
+ }
985
1096
  .sm\:gap-4 {
986
1097
  @media (width >= 40rem) {
987
1098
  gap: calc(var(--spacing) * 4);
@@ -1026,21 +1137,26 @@
1026
1137
  grid-template-columns: repeat(4, minmax(0, 1fr));
1027
1138
  }
1028
1139
  }
1029
- .dark\:divide-gray-700 {
1140
+ .dark\:divide-zinc-700 {
1030
1141
  &:is(.dark *) {
1031
1142
  :where(& > :not(:last-child)) {
1032
- border-color: var(--color-gray-700);
1143
+ border-color: var(--color-zinc-700);
1033
1144
  }
1034
1145
  }
1035
1146
  }
1036
- .dark\:border-gray-600 {
1147
+ .dark\:border-blue-600 {
1148
+ &:is(.dark *) {
1149
+ border-color: var(--color-blue-600);
1150
+ }
1151
+ }
1152
+ .dark\:border-zinc-600 {
1037
1153
  &:is(.dark *) {
1038
- border-color: var(--color-gray-600);
1154
+ border-color: var(--color-zinc-600);
1039
1155
  }
1040
1156
  }
1041
- .dark\:border-gray-700 {
1157
+ .dark\:border-zinc-700 {
1042
1158
  &:is(.dark *) {
1043
- border-color: var(--color-gray-700);
1159
+ border-color: var(--color-zinc-700);
1044
1160
  }
1045
1161
  }
1046
1162
  .dark\:bg-amber-600 {
@@ -1053,6 +1169,16 @@
1053
1169
  background-color: var(--color-amber-700);
1054
1170
  }
1055
1171
  }
1172
+ .dark\:bg-amber-800 {
1173
+ &:is(.dark *) {
1174
+ background-color: var(--color-amber-800);
1175
+ }
1176
+ }
1177
+ .dark\:bg-background {
1178
+ &:is(.dark *) {
1179
+ background-color: var(--color-background);
1180
+ }
1181
+ }
1056
1182
  .dark\:bg-blue-600 {
1057
1183
  &:is(.dark *) {
1058
1184
  background-color: var(--color-blue-600);
@@ -1063,19 +1189,19 @@
1063
1189
  background-color: var(--color-blue-700);
1064
1190
  }
1065
1191
  }
1066
- .dark\:bg-gray-700 {
1192
+ .dark\:bg-blue-800 {
1067
1193
  &:is(.dark *) {
1068
- background-color: var(--color-gray-700);
1194
+ background-color: var(--color-blue-800);
1069
1195
  }
1070
1196
  }
1071
- .dark\:bg-gray-800 {
1197
+ .dark\:bg-blue-900 {
1072
1198
  &:is(.dark *) {
1073
- background-color: var(--color-gray-800);
1199
+ background-color: var(--color-blue-900);
1074
1200
  }
1075
1201
  }
1076
- .dark\:bg-gray-900 {
1202
+ .dark\:bg-card {
1077
1203
  &:is(.dark *) {
1078
- background-color: var(--color-gray-900);
1204
+ background-color: var(--color-card);
1079
1205
  }
1080
1206
  }
1081
1207
  .dark\:bg-green-600 {
@@ -1088,6 +1214,11 @@
1088
1214
  background-color: var(--color-green-700);
1089
1215
  }
1090
1216
  }
1217
+ .dark\:bg-green-800 {
1218
+ &:is(.dark *) {
1219
+ background-color: var(--color-green-800);
1220
+ }
1221
+ }
1091
1222
  .dark\:bg-indigo-700 {
1092
1223
  &:is(.dark *) {
1093
1224
  background-color: var(--color-indigo-700);
@@ -1108,34 +1239,44 @@
1108
1239
  background-color: var(--color-red-700);
1109
1240
  }
1110
1241
  }
1242
+ .dark\:bg-secondary {
1243
+ &:is(.dark *) {
1244
+ background-color: var(--color-secondary);
1245
+ }
1246
+ }
1111
1247
  .dark\:bg-sky-700 {
1112
1248
  &:is(.dark *) {
1113
1249
  background-color: var(--color-sky-700);
1114
1250
  }
1115
1251
  }
1252
+ .dark\:bg-zinc-800 {
1253
+ &:is(.dark *) {
1254
+ background-color: var(--color-zinc-800);
1255
+ }
1256
+ }
1116
1257
  .dark\:text-amber-100 {
1117
1258
  &:is(.dark *) {
1118
1259
  color: var(--color-amber-100);
1119
1260
  }
1120
1261
  }
1121
- .dark\:text-blue-100 {
1262
+ .dark\:text-amber-400 {
1122
1263
  &:is(.dark *) {
1123
- color: var(--color-blue-100);
1264
+ color: var(--color-amber-400);
1124
1265
  }
1125
1266
  }
1126
- .dark\:text-blue-400 {
1267
+ .dark\:text-blue-100 {
1127
1268
  &:is(.dark *) {
1128
- color: var(--color-blue-400);
1269
+ color: var(--color-blue-100);
1129
1270
  }
1130
1271
  }
1131
- .dark\:text-gray-300 {
1272
+ .dark\:text-blue-300 {
1132
1273
  &:is(.dark *) {
1133
- color: var(--color-gray-300);
1274
+ color: var(--color-blue-300);
1134
1275
  }
1135
1276
  }
1136
- .dark\:text-gray-400 {
1277
+ .dark\:text-blue-400 {
1137
1278
  &:is(.dark *) {
1138
- color: var(--color-gray-400);
1279
+ color: var(--color-blue-400);
1139
1280
  }
1140
1281
  }
1141
1282
  .dark\:text-green-100 {
@@ -1143,6 +1284,11 @@
1143
1284
  color: var(--color-green-100);
1144
1285
  }
1145
1286
  }
1287
+ .dark\:text-green-400 {
1288
+ &:is(.dark *) {
1289
+ color: var(--color-green-400);
1290
+ }
1291
+ }
1146
1292
  .dark\:text-indigo-100 {
1147
1293
  &:is(.dark *) {
1148
1294
  color: var(--color-indigo-100);
@@ -1173,20 +1319,40 @@
1173
1319
  color: var(--color-white);
1174
1320
  }
1175
1321
  }
1176
- .dark\:hover\:bg-gray-700 {
1322
+ .dark\:text-zinc-100 {
1323
+ &:is(.dark *) {
1324
+ color: var(--color-zinc-100);
1325
+ }
1326
+ }
1327
+ .dark\:text-zinc-300 {
1328
+ &:is(.dark *) {
1329
+ color: var(--color-zinc-300);
1330
+ }
1331
+ }
1332
+ .dark\:text-zinc-400 {
1333
+ &:is(.dark *) {
1334
+ color: var(--color-zinc-400);
1335
+ }
1336
+ }
1337
+ .dark\:text-zinc-500 {
1338
+ &:is(.dark *) {
1339
+ color: var(--color-zinc-500);
1340
+ }
1341
+ }
1342
+ .dark\:hover\:bg-secondary {
1177
1343
  &:is(.dark *) {
1178
1344
  &:hover {
1179
1345
  @media (hover: hover) {
1180
- background-color: var(--color-gray-700);
1346
+ background-color: var(--color-secondary);
1181
1347
  }
1182
1348
  }
1183
1349
  }
1184
1350
  }
1185
- .dark\:hover\:text-gray-300 {
1351
+ .dark\:hover\:bg-zinc-700 {
1186
1352
  &:is(.dark *) {
1187
1353
  &:hover {
1188
1354
  @media (hover: hover) {
1189
- color: var(--color-gray-300);
1355
+ background-color: var(--color-zinc-700);
1190
1356
  }
1191
1357
  }
1192
1358
  }
@@ -1200,10 +1366,19 @@
1200
1366
  }
1201
1367
  }
1202
1368
  }
1369
+ .dark\:hover\:text-zinc-300 {
1370
+ &:is(.dark *) {
1371
+ &:hover {
1372
+ @media (hover: hover) {
1373
+ color: var(--color-zinc-300);
1374
+ }
1375
+ }
1376
+ }
1377
+ }
1203
1378
  }
1204
1379
  @layer base {
1205
1380
  *, ::after, ::before, ::backdrop, ::file-selector-button {
1206
- border-color: var(--color-gray-200, currentColor);
1381
+ border-color: var(--color-zinc-200, currentColor);
1207
1382
  }
1208
1383
  }
1209
1384
  @layer base {
@@ -1235,23 +1410,23 @@
1235
1410
  --chart-5: 27 87% 67%;
1236
1411
  }
1237
1412
  .dark {
1238
- --background: 240 10% 5.4%;
1413
+ --background: 0 0% 1%;
1239
1414
  --foreground: 0 0% 92%;
1240
- --card: 240 10% 3.9%;
1415
+ --card: 240 0% 10%;
1241
1416
  --card-foreground: 0 0% 92%;
1242
- --popover: 240 10% 3.9%;
1417
+ --popover: 240 0% 12%;
1243
1418
  --popover-foreground: 0 0% 98%;
1244
1419
  --primary: 0 0% 95%;
1245
1420
  --primary-foreground: 240 5.9% 10%;
1246
- --secondary: 240 3.7% 15.9%;
1421
+ --secondary: 240 3.7% 20%;
1247
1422
  --secondary-foreground: 0 0% 98%;
1248
- --muted: 240 3.7% 15.9%;
1423
+ --muted: 240 3.7% 20%;
1249
1424
  --muted-foreground: 240 5% 64.9%;
1250
- --accent: 240 3.7% 15.9%;
1425
+ --accent: 240 3.7% 20%;
1251
1426
  --accent-foreground: 0 0% 98%;
1252
1427
  --destructive: 0 62.8% 30.6%;
1253
1428
  --destructive-foreground: 0 0% 98%;
1254
- --border: 240 3.7% 11%;
1429
+ --border: 240 3.7% 16%;
1255
1430
  --input: 240 3.7% 15.9%;
1256
1431
  --ring: 240 4.9% 83.9%;
1257
1432
  --chart-1: 220 70% 50%;