@weasel-js/theme 1.9.1 → 1.9.3

package/dist/{definition-BQHKxPoy.d.ts → definition-DACR1H4A.d.ts}

@@ -72,7 +72,7 @@ declare function bakeChain(definition: ThemeDefinition, lookup?: Lookup): BakedT
 
 /** Every design token the built-in themes declare, spelled as the CSS
  *  custom property it becomes. */
-type TokenName = '--wzl-accent' | '--wzl-accent-base' | '--wzl-accent-fg' | '--wzl-accent-hover' | '--wzl-accent-soft' | '--wzl-accent-strong' | '--wzl-backdrop' | '--wzl-border' | '--wzl-border-strong' | '--wzl-border-w' | '--wzl-checker-a' | '--wzl-checker-b' | '--wzl-checker-size' | '--wzl-control-h' | '--wzl-control-h-sm' | '--wzl-control-h-xs' | '--wzl-curve-color' | '--wzl-curve-width' | '--wzl-danger' | '--wzl-danger-base' | '--wzl-ease-in-cubic' | '--wzl-ease-in-out-cubic' | '--wzl-ease-out-back' | '--wzl-ease-out-cubic' | '--wzl-fg' | '--wzl-fg-inverse' | '--wzl-fg-muted' | '--wzl-fg-muted-on-accent' | '--wzl-fg-on-accent' | '--wzl-fg-subtle' | '--wzl-fg-subtle-on-accent' | '--wzl-field-pad-x' | '--wzl-focus-ring' | '--wzl-font-body' | '--wzl-font-display' | '--wzl-font-mono' | '--wzl-font-numeric' | '--wzl-font-size' | '--wzl-font-size-2xs' | '--wzl-font-size-lg' | '--wzl-font-size-md' | '--wzl-font-size-sm' | '--wzl-font-size-xl' | '--wzl-font-size-xs' | '--wzl-font-ui' | '--wzl-font-weight-bold' | '--wzl-font-weight-light' | '--wzl-font-weight-medium' | '--wzl-font-weight-normal' | '--wzl-glass-blur' | '--wzl-glass-tint' | '--wzl-gray-100' | '--wzl-gray-200' | '--wzl-gray-300' | '--wzl-gray-400' | '--wzl-gray-50' | '--wzl-gray-500' | '--wzl-gray-600' | '--wzl-gray-700' | '--wzl-gray-800' | '--wzl-gray-900' | '--wzl-handle-size' | '--wzl-handle-size-lg' | '--wzl-handle-size-sm' | '--wzl-icon-button-size' | '--wzl-leading' | '--wzl-leading-snug' | '--wzl-leading-tight' | '--wzl-line' | '--wzl-line-strong' | '--wzl-line-subtle' | '--wzl-line-width' | '--wzl-motion-fast' | '--wzl-motion-medium' | '--wzl-panel-blur' | '--wzl-panel-border-color' | '--wzl-panel-border-style' | '--wzl-panel-border-width' | '--wzl-panel-pad' | '--wzl-panel-radius' | '--wzl-panel-surface' | '--wzl-panel-title-case' | '--wzl-panel-title-color' | '--wzl-panel-title-font' | '--wzl-panel-title-inset' | '--wzl-panel-title-size' | '--wzl-panel-title-tracking' | '--wzl-panel-title-weight' | '--wzl-panel-tone-mix' | '--wzl-radius-lg' | '--wzl-radius-md' | '--wzl-radius-pill' | '--wzl-radius-sm' | '--wzl-secondary' | '--wzl-secondary-base' | '--wzl-secondary-fg' | '--wzl-secondary-soft' | '--wzl-secondary-strong' | '--wzl-shadow' | '--wzl-slider-thumb-mix' | '--wzl-slider-thumb-size' | '--wzl-slider-thumb-slop' | '--wzl-slider-track-h' | '--wzl-slider-track-mix' | '--wzl-slider-track-slop' | '--wzl-space-1' | '--wzl-space-2' | '--wzl-space-3' | '--wzl-space-4' | '--wzl-space-5' | '--wzl-space-6' | '--wzl-space-7' | '--wzl-space-8' | '--wzl-space-lg' | '--wzl-space-md' | '--wzl-space-sm' | '--wzl-space-xs' | '--wzl-stance-advanced-title-color' | '--wzl-stance-aside-blur' | '--wzl-stance-aside-border-color' | '--wzl-stance-aside-surface' | '--wzl-stance-aside-title-color' | '--wzl-stance-danger-border-color' | '--wzl-stance-danger-title-color' | '--wzl-stance-danger-tone' | '--wzl-stance-debug-border-style' | '--wzl-stance-debug-title-case' | '--wzl-stance-debug-title-font' | '--wzl-stance-important-border-color' | '--wzl-stance-important-title-color' | '--wzl-stance-notice-tone' | '--wzl-stance-notice-tone-mix' | '--wzl-stance-preview-pad' | '--wzl-stance-preview-title-case' | '--wzl-stance-preview-title-inset' | '--wzl-stance-preview-title-size' | '--wzl-stance-scope-border-width' | '--wzl-stance-scope-nested-radius' | '--wzl-stance-scope-nested-surface' | '--wzl-stance-scope-radius' | '--wzl-stance-scope-tone-mix' | '--wzl-success' | '--wzl-success-base' | '--wzl-surface' | '--wzl-surface-hover' | '--wzl-surface-pressed' | '--wzl-surface-raised' | '--wzl-surface-sunken' | '--wzl-swatch-amber' | '--wzl-swatch-blue' | '--wzl-swatch-citron' | '--wzl-swatch-fuchsia' | '--wzl-swatch-green' | '--wzl-swatch-red' | '--wzl-swatch-rose' | '--wzl-swatch-sky' | '--wzl-swatch-teal' | '--wzl-swatch-violet' | '--wzl-tb-height' | '--wzl-tracking-none' | '--wzl-tracking-wide' | '--wzl-tracking-wider' | '--wzl-warning' | '--wzl-warning-base' | '--wzl-workspace-line' | '--wzl-workspace-surface' | '--wzl-z-modal' | '--wzl-z-overlay' | '--wzl-z-toolbar';
+type TokenName = '--wzl-accent' | '--wzl-accent-base' | '--wzl-accent-fg' | '--wzl-accent-hover' | '--wzl-accent-soft' | '--wzl-accent-strong' | '--wzl-backdrop' | '--wzl-border' | '--wzl-border-strong' | '--wzl-border-w' | '--wzl-checker-a' | '--wzl-checker-b' | '--wzl-checker-size' | '--wzl-code-constant' | '--wzl-code-keyword' | '--wzl-code-name' | '--wzl-code-number' | '--wzl-code-property' | '--wzl-code-string' | '--wzl-control-h' | '--wzl-control-h-sm' | '--wzl-control-h-xs' | '--wzl-curve-color' | '--wzl-curve-width' | '--wzl-danger' | '--wzl-danger-base' | '--wzl-ease-in-cubic' | '--wzl-ease-in-out-cubic' | '--wzl-ease-out-back' | '--wzl-ease-out-cubic' | '--wzl-fg' | '--wzl-fg-inverse' | '--wzl-fg-muted' | '--wzl-fg-muted-on-accent' | '--wzl-fg-on-accent' | '--wzl-fg-subtle' | '--wzl-fg-subtle-on-accent' | '--wzl-field-pad-x' | '--wzl-focus-ring' | '--wzl-font-body' | '--wzl-font-display' | '--wzl-font-mono' | '--wzl-font-numeric' | '--wzl-font-size' | '--wzl-font-size-2xs' | '--wzl-font-size-lg' | '--wzl-font-size-md' | '--wzl-font-size-sm' | '--wzl-font-size-xl' | '--wzl-font-size-xs' | '--wzl-font-ui' | '--wzl-font-weight-bold' | '--wzl-font-weight-light' | '--wzl-font-weight-medium' | '--wzl-font-weight-normal' | '--wzl-glass-blur' | '--wzl-glass-tint' | '--wzl-gray-100' | '--wzl-gray-200' | '--wzl-gray-300' | '--wzl-gray-400' | '--wzl-gray-50' | '--wzl-gray-500' | '--wzl-gray-600' | '--wzl-gray-700' | '--wzl-gray-800' | '--wzl-gray-900' | '--wzl-handle-size' | '--wzl-handle-size-lg' | '--wzl-handle-size-sm' | '--wzl-icon-button-size' | '--wzl-leading' | '--wzl-leading-snug' | '--wzl-leading-tight' | '--wzl-line' | '--wzl-line-strong' | '--wzl-line-subtle' | '--wzl-line-width' | '--wzl-motion-fast' | '--wzl-motion-medium' | '--wzl-panel-blur' | '--wzl-panel-border-color' | '--wzl-panel-border-style' | '--wzl-panel-border-width' | '--wzl-panel-pad' | '--wzl-panel-radius' | '--wzl-panel-surface' | '--wzl-panel-title-case' | '--wzl-panel-title-color' | '--wzl-panel-title-font' | '--wzl-panel-title-inset' | '--wzl-panel-title-size' | '--wzl-panel-title-tracking' | '--wzl-panel-title-weight' | '--wzl-panel-tone-mix' | '--wzl-radius-lg' | '--wzl-radius-md' | '--wzl-radius-pill' | '--wzl-radius-sm' | '--wzl-secondary' | '--wzl-secondary-base' | '--wzl-secondary-fg' | '--wzl-secondary-soft' | '--wzl-secondary-strong' | '--wzl-shadow' | '--wzl-slider-thumb-mix' | '--wzl-slider-thumb-size' | '--wzl-slider-thumb-slop' | '--wzl-slider-track-h' | '--wzl-slider-track-mix' | '--wzl-slider-track-slop' | '--wzl-space-1' | '--wzl-space-2' | '--wzl-space-3' | '--wzl-space-4' | '--wzl-space-5' | '--wzl-space-6' | '--wzl-space-7' | '--wzl-space-8' | '--wzl-space-lg' | '--wzl-space-md' | '--wzl-space-sm' | '--wzl-space-xs' | '--wzl-stance-advanced-title-color' | '--wzl-stance-aside-blur' | '--wzl-stance-aside-border-color' | '--wzl-stance-aside-surface' | '--wzl-stance-aside-title-color' | '--wzl-stance-danger-border-color' | '--wzl-stance-danger-title-color' | '--wzl-stance-danger-tone' | '--wzl-stance-debug-border-style' | '--wzl-stance-debug-title-case' | '--wzl-stance-debug-title-font' | '--wzl-stance-important-border-color' | '--wzl-stance-important-title-color' | '--wzl-stance-notice-tone' | '--wzl-stance-notice-tone-mix' | '--wzl-stance-preview-pad' | '--wzl-stance-preview-title-case' | '--wzl-stance-preview-title-inset' | '--wzl-stance-preview-title-size' | '--wzl-stance-scope-border-width' | '--wzl-stance-scope-nested-radius' | '--wzl-stance-scope-nested-surface' | '--wzl-stance-scope-radius' | '--wzl-stance-scope-tone-mix' | '--wzl-success' | '--wzl-success-base' | '--wzl-surface' | '--wzl-surface-hover' | '--wzl-surface-popover' | '--wzl-surface-pressed' | '--wzl-surface-raised' | '--wzl-surface-sunken' | '--wzl-swatch-amber' | '--wzl-swatch-blue' | '--wzl-swatch-citron' | '--wzl-swatch-fuchsia' | '--wzl-swatch-green' | '--wzl-swatch-red' | '--wzl-swatch-rose' | '--wzl-swatch-sky' | '--wzl-swatch-teal' | '--wzl-swatch-violet' | '--wzl-tb-height' | '--wzl-tracking-none' | '--wzl-tracking-wide' | '--wzl-tracking-wider' | '--wzl-warning' | '--wzl-warning-base' | '--wzl-workspace-line' | '--wzl-workspace-surface' | '--wzl-z-modal' | '--wzl-z-overlay' | '--wzl-z-toolbar';
 /** A built-in theme with its aliases already collapsed: every selection
  *  (keyed `mode=dark`, axes in declaration order) maps every token name to
  *  a final CSS value. */
@@ -151,6 +151,7 @@ declare const THEMES: {
                 readonly '--wzl-space-8': "16px";
                 readonly '--wzl-surface': "#181a1e";
                 readonly '--wzl-surface-raised': "#25272c";
+                readonly '--wzl-surface-popover': "#25272c";
                 readonly '--wzl-surface-sunken': "#0e0f12";
                 readonly '--wzl-fg': "#e6e7e9";
                 readonly '--wzl-fg-muted': "rgb(from currentColor r g b / 0.7)";
@@ -163,6 +164,12 @@ declare const THEMES: {
                 readonly '--wzl-secondary-fg': "#dc9d15";
                 readonly '--wzl-fg-inverse': "#0e0f12";
                 readonly '--wzl-shadow': "rgba(0, 0, 0, 0.6)";
+                readonly '--wzl-code-keyword': "#955cf9";
+                readonly '--wzl-code-string': "#48e628";
+                readonly '--wzl-code-number': "#e69628";
+                readonly '--wzl-code-constant': "#3ee1cb";
+                readonly '--wzl-code-property': "#36bff2";
+                readonly '--wzl-code-name': "#fa4590";
                 readonly '--wzl-panel-surface': "#25272c";
                 readonly '--wzl-panel-border-color': "#25272c";
                 readonly '--wzl-panel-border-style': "solid";
@@ -322,6 +329,7 @@ declare const THEMES: {
                 readonly '--wzl-space-8': "16px";
                 readonly '--wzl-surface': "#181a1e";
                 readonly '--wzl-surface-raised': "#25272c";
+                readonly '--wzl-surface-popover': "#25272c";
                 readonly '--wzl-surface-sunken': "#0e0f12";
                 readonly '--wzl-fg': "#e6e7e9";
                 readonly '--wzl-fg-muted': "rgb(from currentColor r g b / 0.7)";
@@ -334,6 +342,12 @@ declare const THEMES: {
                 readonly '--wzl-secondary-fg': "#dc9d15";
                 readonly '--wzl-fg-inverse': "#0e0f12";
                 readonly '--wzl-shadow': "rgba(0, 0, 0, 0.6)";
+                readonly '--wzl-code-keyword': "#955cf9";
+                readonly '--wzl-code-string': "#48e628";
+                readonly '--wzl-code-number': "#e69628";
+                readonly '--wzl-code-constant': "#3ee1cb";
+                readonly '--wzl-code-property': "#36bff2";
+                readonly '--wzl-code-name': "#fa4590";
                 readonly '--wzl-panel-surface': "#25272c";
                 readonly '--wzl-panel-border-color': "#25272c";
                 readonly '--wzl-panel-border-style': "solid";
@@ -493,6 +507,7 @@ declare const THEMES: {
                 readonly '--wzl-space-8': "16px";
                 readonly '--wzl-surface': "#181a1e";
                 readonly '--wzl-surface-raised': "#25272c";
+                readonly '--wzl-surface-popover': "#25272c";
                 readonly '--wzl-surface-sunken': "#0e0f12";
                 readonly '--wzl-fg': "#e6e7e9";
                 readonly '--wzl-fg-muted': "rgb(from currentColor r g b / 0.7)";
@@ -505,6 +520,12 @@ declare const THEMES: {
                 readonly '--wzl-secondary-fg': "#dc9d15";
                 readonly '--wzl-fg-inverse': "#0e0f12";
                 readonly '--wzl-shadow': "rgba(0, 0, 0, 0.6)";
+                readonly '--wzl-code-keyword': "#955cf9";
+                readonly '--wzl-code-string': "#48e628";
+                readonly '--wzl-code-number': "#e69628";
+                readonly '--wzl-code-constant': "#3ee1cb";
+                readonly '--wzl-code-property': "#36bff2";
+                readonly '--wzl-code-name': "#fa4590";
                 readonly '--wzl-panel-surface': "#25272c";
                 readonly '--wzl-panel-border-color': "#25272c";
                 readonly '--wzl-panel-border-style': "solid";
@@ -664,6 +685,7 @@ declare const THEMES: {
                 readonly '--wzl-space-8': "16px";
                 readonly '--wzl-surface': "#f5f5f6";
                 readonly '--wzl-surface-raised': "#e6e7e9";
+                readonly '--wzl-surface-popover': "#e6e7e9";
                 readonly '--wzl-surface-sunken': "#c9cbcf";
                 readonly '--wzl-fg': "#0e0f12";
                 readonly '--wzl-fg-muted': "rgb(from currentColor r g b / 0.78)";
@@ -676,6 +698,12 @@ declare const THEMES: {
                 readonly '--wzl-secondary-fg': "#016458";
                 readonly '--wzl-fg-inverse': "#f5f5f6";
                 readonly '--wzl-shadow': "rgba(0, 0, 0, 0.18)";
+                readonly '--wzl-code-keyword': "#6d28d9";
+                readonly '--wzl-code-string': "#15803d";
+                readonly '--wzl-code-number': "#b45309";
+                readonly '--wzl-code-constant': "#0f766e";
+                readonly '--wzl-code-property': "#0369a1";
+                readonly '--wzl-code-name': "#be123c";
                 readonly '--wzl-panel-surface': "#e6e7e9";
                 readonly '--wzl-panel-border-color': "#c9cbcf";
                 readonly '--wzl-panel-border-style': "solid";
@@ -835,6 +863,7 @@ declare const THEMES: {
                 readonly '--wzl-space-8': "16px";
                 readonly '--wzl-surface': "#f5f5f6";
                 readonly '--wzl-surface-raised': "#e6e7e9";
+                readonly '--wzl-surface-popover': "#e6e7e9";
                 readonly '--wzl-surface-sunken': "#c9cbcf";
                 readonly '--wzl-fg': "#0e0f12";
                 readonly '--wzl-fg-muted': "rgb(from currentColor r g b / 0.78)";
@@ -847,6 +876,12 @@ declare const THEMES: {
                 readonly '--wzl-secondary-fg': "#016458";
                 readonly '--wzl-fg-inverse': "#f5f5f6";
                 readonly '--wzl-shadow': "rgba(0, 0, 0, 0.18)";
+                readonly '--wzl-code-keyword': "#6d28d9";
+                readonly '--wzl-code-string': "#15803d";
+                readonly '--wzl-code-number': "#b45309";
+                readonly '--wzl-code-constant': "#0f766e";
+                readonly '--wzl-code-property': "#0369a1";
+                readonly '--wzl-code-name': "#be123c";
                 readonly '--wzl-panel-surface': "#e6e7e9";
                 readonly '--wzl-panel-border-color': "#c9cbcf";
                 readonly '--wzl-panel-border-style': "solid";
@@ -1006,6 +1041,7 @@ declare const THEMES: {
                 readonly '--wzl-space-8': "16px";
                 readonly '--wzl-surface': "#f5f5f6";
                 readonly '--wzl-surface-raised': "#e6e7e9";
+                readonly '--wzl-surface-popover': "#e6e7e9";
                 readonly '--wzl-surface-sunken': "#c9cbcf";
                 readonly '--wzl-fg': "#0e0f12";
                 readonly '--wzl-fg-muted': "rgb(from currentColor r g b / 0.78)";
@@ -1018,6 +1054,12 @@ declare const THEMES: {
                 readonly '--wzl-secondary-fg': "#016458";
                 readonly '--wzl-fg-inverse': "#f5f5f6";
                 readonly '--wzl-shadow': "rgba(0, 0, 0, 0.18)";
+                readonly '--wzl-code-keyword': "#6d28d9";
+                readonly '--wzl-code-string': "#15803d";
+                readonly '--wzl-code-number': "#b45309";
+                readonly '--wzl-code-constant': "#0f766e";
+                readonly '--wzl-code-property': "#0369a1";
+                readonly '--wzl-code-name': "#be123c";
                 readonly '--wzl-panel-surface': "#e6e7e9";
                 readonly '--wzl-panel-border-color': "#c9cbcf";
                 readonly '--wzl-panel-border-style': "solid";

package/dist/engine.d.ts

@@ -1,6 +1,6 @@
 import { OklchDeg, oklchDegToHex } from '@weasel-js/paint';
-import { T as ThemeDefinition, L as Lookup, F as FlatTokens, R as RawToken, S as Selection, B as BakedTheme, A as AxisDefs, a as Theme } from './definition-BQHKxPoy.js';
-export { C as CategoricalRampDef, b as ContrastRule, c as LightnessRampDef, d as LiteralRule, N as NumberParam, O as OffsetRule, P as PinObject, e as PinValue, f as RampDef, g as RefRule, h as ScaleDef, i as SemanticRule, j as StepRule, k as bake, l as bakeChain, m as mergeChain } from './definition-BQHKxPoy.js';
+import { T as ThemeDefinition, L as Lookup, F as FlatTokens, R as RawToken, S as Selection, B as BakedTheme, A as AxisDefs, a as Theme } from './definition-DACR1H4A.js';
+export { C as CategoricalRampDef, b as ContrastRule, c as LightnessRampDef, d as LiteralRule, N as NumberParam, O as OffsetRule, P as PinObject, e as PinValue, f as RampDef, g as RefRule, h as ScaleDef, i as SemanticRule, j as StepRule, k as bake, l as bakeChain, m as mergeChain } from './definition-DACR1H4A.js';
 
 /** A color in OKLCH: lightness 0–1, chroma, hue in degrees. paint's own type,
  *  under the name this engine has always called it. */

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { n as TokenName, o as ResolvedTheme, a as Theme, S as Selection, p as TokenValue } from './definition-BQHKxPoy.js';
-export { q as AxisDef, A as AxisDefs, r as AxisValue, s as BAKED_THEMES, B as BakedTheme, t as ByAxis, u as ColorContext, v as ColorList, F as FlatTokens, G as GeneratedColors, w as GeneratedTheme, P as PinObject, e as PinValue, x as RampColors, R as RawToken, y as SerializableColorList, z as THEMES, D as THEME_SOURCES, T as ThemeDefinition, E as ThemeInput, V as Varying, H as colorAt, I as colorCount, J as colorCssAt, K as defineTheme, M as enumerateSelections, Q as fullSelection, U as isByAxis, W as rampSteps, X as resolveTheme, Y as selectionKey, Z as themeAxes, _ as themeTones, $ as weaselTheme } from './definition-BQHKxPoy.js';
+import { n as TokenName, o as ResolvedTheme, a as Theme, S as Selection, p as TokenValue } from './definition-DACR1H4A.js';
+export { q as AxisDef, A as AxisDefs, r as AxisValue, s as BAKED_THEMES, B as BakedTheme, t as ByAxis, u as ColorContext, v as ColorList, F as FlatTokens, G as GeneratedColors, w as GeneratedTheme, P as PinObject, e as PinValue, x as RampColors, R as RawToken, y as SerializableColorList, z as THEMES, D as THEME_SOURCES, T as ThemeDefinition, E as ThemeInput, V as Varying, H as colorAt, I as colorCount, J as colorCssAt, K as defineTheme, M as enumerateSelections, Q as fullSelection, U as isByAxis, W as rampSteps, X as resolveTheme, Y as selectionKey, Z as themeAxes, _ as themeTones, $ as weaselTheme } from './definition-DACR1H4A.js';
 export { C as ColorMode, a as ColorModePreference, i as isColorModePreference } from './colorMode-CoklZomJ.js';
 
 /** One row of `TOKEN_MANIFEST`: a token, its DTCG type, the name-prefix

package/dist/index.js

@@ -1,5 +1,5 @@
-import { weaselTheme } from './chunk-VUNWK7T2.js';
-export { BAKED_THEMES, THEMES, THEME_SOURCES, applyTheme, colorAt, colorCount, colorCssAt, defineTheme, isColorModePreference, rampSteps, themeTones, weaselTheme } from './chunk-VUNWK7T2.js';
+import { weaselTheme } from './chunk-7FYXA7TA.js';
+export { BAKED_THEMES, THEMES, THEME_SOURCES, applyTheme, colorAt, colorCount, colorCssAt, defineTheme, isColorModePreference, rampSteps, themeTones, weaselTheme } from './chunk-7FYXA7TA.js';
 import { AXES_EXT, overrideKey, ALPHA_EXT } from './chunk-Z675UQ26.js';
 import { atAlpha, withAlpha, themeAxes, mergeAxes } from './chunk-NUILKH2Z.js';
 export { enumerateSelections, fullSelection, isByAxis, parseTokenValue, resolveTheme, selectionKey, serializeTokenValue, themeAxes } from './chunk-NUILKH2Z.js';
@@ -48,6 +48,7 @@ var TOKEN_MANIFEST = [
   { name: "--wzl-space-8", type: "dimension", group: "space", defaultValue: "16px", description: "", hook: false },
   { name: "--wzl-surface", type: "color", group: "surface", defaultValue: "#181a1e", description: "", hook: false },
   { name: "--wzl-surface-raised", type: "color", group: "surface", defaultValue: "#25272c", description: "", hook: false },
+  { name: "--wzl-surface-popover", type: "color", group: "surface", defaultValue: "#25272c", description: "Background of a dropdown, menu or other popover list. Follows surface-raised unless a theme needs floating lists to read differently from the panels beneath them.", hook: false },
   { name: "--wzl-surface-sunken", type: "color", group: "surface", defaultValue: "#0e0f12", description: "", hook: false },
   { name: "--wzl-fg", type: "color", group: "fg", defaultValue: "#e6e7e9", description: "", hook: false },
   { name: "--wzl-fg-muted", type: "color", group: "fg", defaultValue: "rgb(from currentColor r g b / 0.7)", description: "Secondary text: the text color in effect where it is used, at reduced alpha, so it steps down from whatever text it sits beside on any surface. The alpha is absolute, so muted text nested in muted text stays one step down. Under fg it clears WCAG 4.5:1 on surface, surface-raised, and surface-sunken in both modes.", hook: false },
@@ -60,6 +61,12 @@ var TOKEN_MANIFEST = [
   { name: "--wzl-secondary-fg", type: "color", group: "secondary", defaultValue: "#dc9d15", description: "Secondary accent for foreground use: a second voice beside the accent, such as a value the panel derived rather than one the user set. Picked from the ramp so it clears 4.5:1 on the surface in both modes.", hook: false },
   { name: "--wzl-fg-inverse", type: "color", group: "fg", defaultValue: "#0e0f12", description: "Text drawn on a filled foreground-colored element (e.g. a slider thumb). Flips with the mode, so it is a semantic, not an alias to a primitive.", hook: false },
   { name: "--wzl-shadow", type: "color", group: "shadow", defaultValue: "rgba(0, 0, 0, 0.6)", description: "Elevation. Always darker than any surface \u2014 never derived from fg, which is near-white on dark.", hook: false },
+  { name: "--wzl-code-keyword", type: "color", group: "code", defaultValue: "#955cf9", description: "Keywords in highlighted code.", hook: false },
+  { name: "--wzl-code-string", type: "color", group: "code", defaultValue: "#48e628", description: "String literals in highlighted code.", hook: false },
+  { name: "--wzl-code-number", type: "color", group: "code", defaultValue: "#e69628", description: "Numbers in highlighted code.", hook: false },
+  { name: "--wzl-code-constant", type: "color", group: "code", defaultValue: "#3ee1cb", description: "true, false, null and undefined in highlighted code.", hook: false },
+  { name: "--wzl-code-property", type: "color", group: "code", defaultValue: "#36bff2", description: "Property keys and attribute names in highlighted code.", hook: false },
+  { name: "--wzl-code-name", type: "color", group: "code", defaultValue: "#fa4590", description: "Functions, classes and other names in highlighted code.", hook: false },
   { name: "--wzl-panel-surface", type: "color", group: "panel", defaultValue: "#25272c", description: "Fill of a PropertyPanel.", hook: false },
   { name: "--wzl-panel-border-color", type: "color", group: "panel", defaultValue: "#25272c", description: "", hook: false },
   { name: "--wzl-panel-border-style", type: "string", group: "panel", defaultValue: "solid", description: "", hook: false },