@kolkrabbi/kol-theme 0.11.11 → 0.11.12
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-color.css +29 -0
- package/kol-components-organisms.css +2 -2
- package/kol-type-roles.css +14 -2
- package/package.json +1 -1
package/kol-color.css
CHANGED
|
@@ -306,3 +306,32 @@
|
|
|
306
306
|
--color-ui-info: var(--ui-info);
|
|
307
307
|
--color-ui-success: var(--ui-success);
|
|
308
308
|
}
|
|
309
|
+
|
|
310
|
+
/* ── Syntax token palette (CodeBlock highlighting, 2026-07-28) ─────────────
|
|
311
|
+
* Light-mode base; dark values in BOTH dark blocks below (MIRROR law —
|
|
312
|
+
* edit all three together). Classes live in kol-type-roles.css. */
|
|
313
|
+
:root {
|
|
314
|
+
--kol-tok-comment: var(--kol-fg-48);
|
|
315
|
+
--kol-tok-punctuation: var(--kol-fg-64);
|
|
316
|
+
--kol-tok-keyword: #7638c9;
|
|
317
|
+
--kol-tok-function: #1e66d0;
|
|
318
|
+
--kol-tok-string: #a35200;
|
|
319
|
+
--kol-tok-number: #a35200;
|
|
320
|
+
--kol-tok-property: #b0303c;
|
|
321
|
+
}
|
|
322
|
+
[data-theme="dark"] {
|
|
323
|
+
--kol-tok-keyword: #ba8cf5;
|
|
324
|
+
--kol-tok-function: #6ea8fe;
|
|
325
|
+
--kol-tok-string: #f0a35e;
|
|
326
|
+
--kol-tok-number: #f0a35e;
|
|
327
|
+
--kol-tok-property: #ef7c8a;
|
|
328
|
+
}
|
|
329
|
+
@media (prefers-color-scheme: dark) {
|
|
330
|
+
:root:not([data-theme]) {
|
|
331
|
+
--kol-tok-keyword: #ba8cf5;
|
|
332
|
+
--kol-tok-function: #6ea8fe;
|
|
333
|
+
--kol-tok-string: #f0a35e;
|
|
334
|
+
--kol-tok-number: #f0a35e;
|
|
335
|
+
--kol-tok-property: #ef7c8a;
|
|
336
|
+
}
|
|
337
|
+
}
|
|
@@ -55,8 +55,8 @@
|
|
|
55
55
|
background:
|
|
56
56
|
linear-gradient(to right, var(--kol-surface-primary) 40%, transparent) left / 32px 100%,
|
|
57
57
|
linear-gradient(to left, var(--kol-surface-primary) 40%, transparent) right / 32px 100%,
|
|
58
|
-
linear-gradient(to right, var(--kol-fg-
|
|
59
|
-
linear-gradient(to left, var(--kol-fg-
|
|
58
|
+
linear-gradient(to right, var(--kol-fg-08), transparent) left / 10px 100%,
|
|
59
|
+
linear-gradient(to left, var(--kol-fg-08), transparent) right / 10px 100%;
|
|
60
60
|
background-repeat: no-repeat;
|
|
61
61
|
background-attachment: local, local, scroll, scroll;
|
|
62
62
|
}
|
package/kol-type-roles.css
CHANGED
|
@@ -78,9 +78,9 @@
|
|
|
78
78
|
.kol-prose pre,
|
|
79
79
|
.kol-doc-code {
|
|
80
80
|
font-family: var(--kol-font-family-mono);
|
|
81
|
-
font-size:
|
|
81
|
+
font-size: 13px; /* the elder code voice (13/1.55), user-ruled */
|
|
82
82
|
font-weight: 400;
|
|
83
|
-
line-height:
|
|
83
|
+
line-height: 1.55;
|
|
84
84
|
padding: 16px 20px;
|
|
85
85
|
background: var(--kol-fg-04);
|
|
86
86
|
border-radius: var(--kol-radius-sm);
|
|
@@ -247,3 +247,15 @@
|
|
|
247
247
|
text-transform: uppercase;
|
|
248
248
|
color: var(--kol-fg-48);
|
|
249
249
|
}
|
|
250
|
+
|
|
251
|
+
/* =============================================================================
|
|
252
|
+
* SYNTAX TOKENS — refractor/Prism token classes emitted by CodeBlock as
|
|
253
|
+
* .kol-tok-<type>. Colors are the --kol-tok-* vars (kol-color.css, themed).
|
|
254
|
+
* ============================================================================= */
|
|
255
|
+
.kol-tok-comment, .kol-tok-prolog, .kol-tok-doctype, .kol-tok-cdata { color: var(--kol-tok-comment); font-style: italic; }
|
|
256
|
+
.kol-tok-punctuation, .kol-tok-operator { color: var(--kol-tok-punctuation); }
|
|
257
|
+
.kol-tok-keyword, .kol-tok-atrule, .kol-tok-rule, .kol-tok-important { color: var(--kol-tok-keyword); }
|
|
258
|
+
.kol-tok-function, .kol-tok-class-name, .kol-tok-selector, .kol-tok-tag { color: var(--kol-tok-function); }
|
|
259
|
+
.kol-tok-string, .kol-tok-char, .kol-tok-attr-value, .kol-tok-url { color: var(--kol-tok-string); }
|
|
260
|
+
.kol-tok-number, .kol-tok-boolean, .kol-tok-constant, .kol-tok-symbol, .kol-tok-unit { color: var(--kol-tok-number); }
|
|
261
|
+
.kol-tok-property, .kol-tok-attr-name, .kol-tok-variable, .kol-tok-parameter { color: var(--kol-tok-property); }
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kolkrabbi/kol-theme",
|
|
3
|
-
"version": "0.11.
|
|
3
|
+
"version": "0.11.12",
|
|
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",
|