starlight-theme-nova 0.11.1 → 0.11.2
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.
- package/lib/tailwind.css +11 -0
- package/lib/tailwind.gen.css +15 -9
- package/package.json +1 -1
package/lib/tailwind.css
CHANGED
|
@@ -3,6 +3,8 @@
|
|
|
3
3
|
@source '../src/**/*.ts';
|
|
4
4
|
@source '../src/**/*.astro';
|
|
5
5
|
|
|
6
|
+
@custom-variant dark (&:where([data-theme=dark], [data-theme=dark] *));
|
|
7
|
+
|
|
6
8
|
@theme {
|
|
7
9
|
/*
|
|
8
10
|
Match Starlight breakpoints
|
|
@@ -12,6 +14,15 @@
|
|
|
12
14
|
--breakpoint-lg: 72rem;
|
|
13
15
|
}
|
|
14
16
|
|
|
17
|
+
@layer utilities {
|
|
18
|
+
/* Wire up Starlight theme to use Tailwind config. */
|
|
19
|
+
:root {
|
|
20
|
+
/* Use Tailwind-configured font families. */
|
|
21
|
+
--sl-font: var(--font-sans);
|
|
22
|
+
--sl-font-mono: var(--font-mono);
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
|
|
15
26
|
:root,
|
|
16
27
|
::backdrop {
|
|
17
28
|
--sl-content-width: 50rem;
|
package/lib/tailwind.gen.css
CHANGED
|
@@ -864,12 +864,12 @@
|
|
|
864
864
|
}
|
|
865
865
|
}
|
|
866
866
|
.dark\:bg-gray-100 {
|
|
867
|
-
|
|
867
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
868
868
|
background-color: var(--color-gray-100);
|
|
869
869
|
}
|
|
870
870
|
}
|
|
871
871
|
.dark\:bg-gray-600\/30 {
|
|
872
|
-
|
|
872
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
873
873
|
background-color: color-mix(in srgb, oklch(44.6% 0.03 256.802) 30%, transparent);
|
|
874
874
|
@supports (color: color-mix(in lab, red, red)) {
|
|
875
875
|
background-color: color-mix(in oklab, var(--color-gray-600) 30%, transparent);
|
|
@@ -877,27 +877,27 @@
|
|
|
877
877
|
}
|
|
878
878
|
}
|
|
879
879
|
.dark\:bg-gray-800 {
|
|
880
|
-
|
|
880
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
881
881
|
background-color: var(--color-gray-800);
|
|
882
882
|
}
|
|
883
883
|
}
|
|
884
884
|
.dark\:text-gray-200 {
|
|
885
|
-
|
|
885
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
886
886
|
color: var(--color-gray-200);
|
|
887
887
|
}
|
|
888
888
|
}
|
|
889
889
|
.dark\:text-gray-900 {
|
|
890
|
-
|
|
890
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
891
891
|
color: var(--color-gray-900);
|
|
892
892
|
}
|
|
893
893
|
}
|
|
894
894
|
.dark\:text-white {
|
|
895
|
-
|
|
895
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
896
896
|
color: var(--color-white);
|
|
897
897
|
}
|
|
898
898
|
}
|
|
899
899
|
.dark\:hover\:bg-gray-300 {
|
|
900
|
-
|
|
900
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
901
901
|
&:hover {
|
|
902
902
|
@media (hover: hover) {
|
|
903
903
|
background-color: var(--color-gray-300);
|
|
@@ -906,7 +906,7 @@
|
|
|
906
906
|
}
|
|
907
907
|
}
|
|
908
908
|
.dark\:hover\:bg-gray-700 {
|
|
909
|
-
|
|
909
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
910
910
|
&:hover {
|
|
911
911
|
@media (hover: hover) {
|
|
912
912
|
background-color: var(--color-gray-700);
|
|
@@ -917,7 +917,7 @@
|
|
|
917
917
|
.hover\:dark\:bg-gray-500\/50 {
|
|
918
918
|
&:hover {
|
|
919
919
|
@media (hover: hover) {
|
|
920
|
-
|
|
920
|
+
&:where([data-theme=dark], [data-theme=dark] *) {
|
|
921
921
|
background-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 50%, transparent);
|
|
922
922
|
@supports (color: color-mix(in lab, red, red)) {
|
|
923
923
|
background-color: color-mix(in oklab, var(--color-gray-500) 50%, transparent);
|
|
@@ -1006,6 +1006,12 @@
|
|
|
1006
1006
|
}
|
|
1007
1007
|
}
|
|
1008
1008
|
}
|
|
1009
|
+
@layer utilities {
|
|
1010
|
+
:root {
|
|
1011
|
+
--sl-font: var(--font-sans);
|
|
1012
|
+
--sl-font-mono: var(--font-mono);
|
|
1013
|
+
}
|
|
1014
|
+
}
|
|
1009
1015
|
:root, ::backdrop {
|
|
1010
1016
|
--sl-content-width: 50rem;
|
|
1011
1017
|
--sl-text-h1: var(--sl-text-3xl);
|