@7onic-ui/tokens 0.3.0 → 0.3.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/css/themes/dark.css +3 -3
- package/css/themes/light.css +1 -1
- package/css/variables.css +27 -0
- package/package.json +1 -1
package/css/themes/dark.css
CHANGED
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
@media (prefers-color-scheme: dark) {
|
|
14
|
-
:root:not([data-theme="light"]) {
|
|
14
|
+
html:root:not([data-theme="light"]) {
|
|
15
15
|
/* Background */
|
|
16
16
|
--color-background: var(--color-gray-900);
|
|
17
17
|
--color-background-rgb: 34 34 37;
|
|
@@ -155,8 +155,8 @@
|
|
|
155
155
|
}
|
|
156
156
|
}
|
|
157
157
|
|
|
158
|
-
:root[data-theme="dark"],
|
|
159
|
-
:root.dark {
|
|
158
|
+
html:root[data-theme="dark"],
|
|
159
|
+
html:root.dark {
|
|
160
160
|
/* Background */
|
|
161
161
|
--color-background: var(--color-gray-900);
|
|
162
162
|
--color-background-rgb: 34 34 37;
|
package/css/themes/light.css
CHANGED
package/css/variables.css
CHANGED
|
@@ -931,3 +931,30 @@
|
|
|
931
931
|
.animate-typing-cursor {
|
|
932
932
|
animation: typing-cursor var(--duration-spin) var(--easing-ease-in-out) infinite;
|
|
933
933
|
}
|
|
934
|
+
|
|
935
|
+
/* ========================================
|
|
936
|
+
Framework Compat Aliases
|
|
937
|
+
Maps Next.js 15 / Tailwind v4 convention
|
|
938
|
+
(--background, --foreground) to our tokens.
|
|
939
|
+
======================================== */
|
|
940
|
+
|
|
941
|
+
html:root {
|
|
942
|
+
--background: var(--color-background);
|
|
943
|
+
--foreground: var(--color-text);
|
|
944
|
+
color-scheme: light dark;
|
|
945
|
+
}
|
|
946
|
+
|
|
947
|
+
/* ========================================
|
|
948
|
+
Body Baseline
|
|
949
|
+
Overrides framework default body rules.
|
|
950
|
+
======================================== */
|
|
951
|
+
|
|
952
|
+
html body {
|
|
953
|
+
background-color: var(--color-background);
|
|
954
|
+
color: var(--color-foreground);
|
|
955
|
+
font-family: var(--font-family-sans);
|
|
956
|
+
display: block;
|
|
957
|
+
place-items: initial;
|
|
958
|
+
min-width: auto;
|
|
959
|
+
margin: 0;
|
|
960
|
+
}
|
package/package.json
CHANGED