@kolkrabbi/kol-theme 0.11.5 → 0.11.6
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/kol-base-tokens.css +33 -0
- package/kol-theme.css +12 -0
- package/package.json +1 -1
package/kol-base-tokens.css
CHANGED
|
@@ -75,3 +75,36 @@
|
|
|
75
75
|
--kol-surface-absolute-split: #000000;
|
|
76
76
|
--kol-surface-absolute-split-inverse: #ffffff;
|
|
77
77
|
}
|
|
78
|
+
|
|
79
|
+
/* System-follow dark (0.11.6, user law: explicit choice > system > light).
|
|
80
|
+
* Applies ONLY when no explicit theme is stamped — a consumer that sets
|
|
81
|
+
* data-theme (any value) vetoes the OS. MIRROR of the block above — edit both. */
|
|
82
|
+
@media (prefers-color-scheme: dark) {
|
|
83
|
+
:root:not([data-theme]) {
|
|
84
|
+
--kol-link: #60A5FA;
|
|
85
|
+
--kol-link-hover: #93C5FD;
|
|
86
|
+
|
|
87
|
+
--kol-surface-primary: #121215;
|
|
88
|
+
--kol-surface-on-primary: #fafafa;
|
|
89
|
+
|
|
90
|
+
--kol-surface-secondary: #19191d;
|
|
91
|
+
--kol-surface-on-secondary: #f8f8f8;
|
|
92
|
+
|
|
93
|
+
--kol-surface-tertiary: #0e0e11;
|
|
94
|
+
--kol-surface-on-tertiary: #ffffff;
|
|
95
|
+
|
|
96
|
+
--kol-surface-inverse: #fcfbf8;
|
|
97
|
+
--kol-surface-on-inverse: #0e0e11;
|
|
98
|
+
|
|
99
|
+
--kol-surface-secondary-inverse: #e0e0e0;
|
|
100
|
+
--kol-surface-tertiary-inverse: #d4d4d8;
|
|
101
|
+
|
|
102
|
+
--kol-surface-contrast: #0b0b0c;
|
|
103
|
+
|
|
104
|
+
/* Surface split tokens - Dark Mode */
|
|
105
|
+
--kol-surface-support-split: #202026;
|
|
106
|
+
--kol-surface-support-split-inverse: #eeeeee;
|
|
107
|
+
--kol-surface-absolute-split: #000000;
|
|
108
|
+
--kol-surface-absolute-split-inverse: #ffffff;
|
|
109
|
+
}
|
|
110
|
+
}
|
package/kol-theme.css
CHANGED
|
@@ -119,4 +119,16 @@
|
|
|
119
119
|
--kol-shadow-xl: 0 20px 25px rgba(255, 255, 255, 0.1);
|
|
120
120
|
--kol-shadow-inner: inset 0 2px 4px rgba(255, 255, 255, 0.04);
|
|
121
121
|
}
|
|
122
|
+
|
|
123
|
+
/* System-follow dark (0.11.6) — only when no explicit theme is stamped.
|
|
124
|
+
* MIRROR of the block above — edit both. */
|
|
125
|
+
@media (prefers-color-scheme: dark) {
|
|
126
|
+
:root:not([data-theme]) {
|
|
127
|
+
--kol-shadow-sm: 0 1px 2px rgba(255, 255, 255, 0.03);
|
|
128
|
+
--kol-shadow-md: 0 4px 6px rgba(255, 255, 255, 0.05);
|
|
129
|
+
--kol-shadow-lg: 0 10px 15px rgba(255, 255, 255, 0.08);
|
|
130
|
+
--kol-shadow-xl: 0 20px 25px rgba(255, 255, 255, 0.1);
|
|
131
|
+
--kol-shadow-inner: inset 0 2px 4px rgba(255, 255, 255, 0.04);
|
|
132
|
+
}
|
|
133
|
+
}
|
|
122
134
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kolkrabbi/kol-theme",
|
|
3
|
-
"version": "0.11.
|
|
3
|
+
"version": "0.11.6",
|
|
4
4
|
"description": "KOL (Kolkrabbi) design-system tokens + base CSS — brand-neutral. The canonical token/cascade layer every other KOL package and consumer builds on.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|