@silvery/theme 0.3.0

package/src/palettes/nightfox.ts

@@ -0,0 +1,63 @@
+/**
+ * Nightfox palettes — rich, vibrant themes for Neovim.
+ * Source: https://github.com/EdenEast/nightfox.nvim
+ */
+
+import type { ColorPalette } from "../types"
+import { brighten } from "../color"
+
+/** Nightfox — dark blue-toned variant. */
+export const nightfox: ColorPalette = {
+  name: "nightfox",
+  dark: true,
+  black: "#131A24",
+  red: "#C94F6D",
+  green: "#81B29A",
+  yellow: "#DBC074",
+  blue: "#719CD6",
+  magenta: "#9D79D6",
+  cyan: "#63CDCF",
+  white: "#71839B",
+  brightBlack: "#212E3F",
+  brightRed: "#F4A261",
+  brightGreen: brighten("#81B29A", 0.15),
+  brightYellow: brighten("#DBC074", 0.15),
+  brightBlue: brighten("#719CD6", 0.15),
+  brightMagenta: "#D67AD2",
+  brightCyan: brighten("#63CDCF", 0.15),
+  brightWhite: "#CDCECF",
+  foreground: "#CDCECF",
+  background: "#192330",
+  cursorColor: "#CDCECF",
+  cursorText: "#192330",
+  selectionBackground: "#39506D",
+  selectionForeground: "#CDCECF",
+}
+
+/** Dawnfox — warm light variant inspired by Rose Pine Dawn. */
+export const dawnfox: ColorPalette = {
+  name: "dawnfox",
+  dark: false,
+  black: "#EBE5DF",
+  red: "#B4637A",
+  green: "#618774",
+  yellow: "#EA9D34",
+  blue: "#286983",
+  magenta: "#907AA9",
+  cyan: "#56949F",
+  white: "#A8A3B3",
+  brightBlack: "#EBE0DF",
+  brightRed: "#D7827E",
+  brightGreen: brighten("#618774", 0.15),
+  brightYellow: brighten("#EA9D34", 0.15),
+  brightBlue: brighten("#286983", 0.15),
+  brightMagenta: "#D685AF",
+  brightCyan: brighten("#56949F", 0.15),
+  brightWhite: "#575279",
+  foreground: "#575279",
+  background: "#FAF4ED",
+  cursorColor: "#575279",
+  cursorText: "#FAF4ED",
+  selectionBackground: "#BDBFC9",
+  selectionForeground: "#575279",
+}

package/src/palettes/nord.ts

@@ -0,0 +1,34 @@
+/**
+ * Nord palette — Arctic, north-bluish clean.
+ */
+
+import type { ColorPalette } from "../types"
+import { brighten } from "../color"
+
+/** Nord — the classic dark arctic theme. */
+export const nord: ColorPalette = {
+  name: "nord",
+  dark: true,
+  black: "#2E3440",
+  red: "#BF616A",
+  green: "#A3BE8C",
+  yellow: "#EBCB8B",
+  blue: "#5E81AC",
+  magenta: "#B48EAD",
+  cyan: "#8FBCBB",
+  white: "#D8DEE9",
+  brightBlack: "#3B4252",
+  brightRed: "#D08770",
+  brightGreen: brighten("#A3BE8C", 0.15),
+  brightYellow: brighten("#EBCB8B", 0.15),
+  brightBlue: brighten("#5E81AC", 0.15),
+  brightMagenta: "#B48EAD",
+  brightCyan: brighten("#8FBCBB", 0.15),
+  brightWhite: "#ECEFF4",
+  foreground: "#ECEFF4",
+  background: "#2E3440",
+  cursorColor: "#ECEFF4",
+  cursorText: "#2E3440",
+  selectionBackground: "#4C566A",
+  selectionForeground: "#ECEFF4",
+}

package/src/palettes/one-dark.ts

@@ -0,0 +1,34 @@
+/**
+ * One Dark palette — Atom's iconic dark theme.
+ */
+
+import type { ColorPalette } from "../types"
+import { brighten } from "../color"
+
+/** One Dark — the classic Atom editor theme. */
+export const oneDark: ColorPalette = {
+  name: "one-dark",
+  dark: true,
+  black: "#21252B",
+  red: "#E06C75",
+  green: "#98C379",
+  yellow: "#E5C07B",
+  blue: "#61AFEF",
+  magenta: "#C678DD",
+  cyan: "#56B6C2",
+  white: "#ABB2BF",
+  brightBlack: "#2C313A",
+  brightRed: "#D19A66",
+  brightGreen: brighten("#98C379", 0.15),
+  brightYellow: brighten("#E5C07B", 0.15),
+  brightBlue: brighten("#61AFEF", 0.15),
+  brightMagenta: "#E06C75",
+  brightCyan: brighten("#56B6C2", 0.15),
+  brightWhite: "#ABB2BF",
+  foreground: "#ABB2BF",
+  background: "#282C34",
+  cursorColor: "#ABB2BF",
+  cursorText: "#282C34",
+  selectionBackground: "#5C6370",
+  selectionForeground: "#ABB2BF",
+}

package/src/palettes/oxocarbon.ts

@@ -0,0 +1,63 @@
+/**
+ * Oxocarbon palettes — IBM Carbon Design-inspired theme.
+ * Source: https://github.com/nyoom-engineering/oxocarbon.nvim
+ */
+
+import type { ColorPalette } from "../types"
+import { brighten } from "../color"
+
+/** Oxocarbon Dark — IBM Carbon-inspired dark variant. */
+export const oxocarbonDark: ColorPalette = {
+  name: "oxocarbon-dark",
+  dark: true,
+  black: "#131313",
+  red: "#EE5396",
+  green: "#42BE65",
+  yellow: "#82CFFF",
+  blue: "#78A9FF",
+  magenta: "#BE95FF",
+  cyan: "#08BDBA",
+  white: "#5C5C5C",
+  brightBlack: "#2A2A2A",
+  brightRed: "#FF7EB6",
+  brightGreen: brighten("#42BE65", 0.15),
+  brightYellow: brighten("#82CFFF", 0.15),
+  brightBlue: brighten("#78A9FF", 0.15),
+  brightMagenta: "#FF7EB6",
+  brightCyan: brighten("#08BDBA", 0.15),
+  brightWhite: "#F3F3F3",
+  foreground: "#F3F3F3",
+  background: "#161616",
+  cursorColor: "#F3F3F3",
+  cursorText: "#161616",
+  selectionBackground: "#404040",
+  selectionForeground: "#F3F3F3",
+}
+
+/** Oxocarbon Light — IBM Carbon-inspired light variant. */
+export const oxocarbonLight: ColorPalette = {
+  name: "oxocarbon-light",
+  dark: false,
+  black: "#F3F3F3",
+  red: "#EE5396",
+  green: "#42BE65",
+  yellow: "#FFAB91",
+  blue: "#0F62FE",
+  magenta: "#BE95FF",
+  cyan: "#08BDBA",
+  white: "#90A4AE",
+  brightBlack: "#D5D5D5",
+  brightRed: "#FF6F00",
+  brightGreen: brighten("#42BE65", 0.15),
+  brightYellow: brighten("#FFAB91", 0.15),
+  brightBlue: brighten("#0F62FE", 0.15),
+  brightMagenta: "#FF7EB6",
+  brightCyan: brighten("#08BDBA", 0.15),
+  brightWhite: "#37474F",
+  foreground: "#37474F",
+  background: "#FFFFFF",
+  cursorColor: "#37474F",
+  cursorText: "#FFFFFF",
+  selectionBackground: "#525252",
+  selectionForeground: "#37474F",
+}

package/src/palettes/palenight.ts

@@ -0,0 +1,36 @@
+/**
+ * Palenight palette — Material Palenight variant.
+ * Source: https://github.com/kaicataldo/material.vim (palenight style)
+ * Reference: https://github.com/JonathanSpeek/palenight-iterm2
+ */
+
+import type { ColorPalette } from "../types"
+import { brighten } from "../color"
+
+/** Palenight — the soft, purple-tinted Material dark variant. */
+export const palenight: ColorPalette = {
+  name: "palenight",
+  dark: true,
+  black: "#1c1f2b", // line_highlight (deepest)
+  red: "#f07178",
+  green: "#c3e88d",
+  yellow: "#ffcb6b",
+  blue: "#82aaff",
+  magenta: "#c792ea",
+  cyan: "#89ddff", // cyan
+  white: "#676e95", // comments
+  brightBlack: "#343b51", // selection
+  brightRed: "#f78c6c",
+  brightGreen: brighten("#c3e88d", 0.15),
+  brightYellow: brighten("#ffcb6b", 0.15),
+  brightBlue: brighten("#82aaff", 0.15),
+  brightMagenta: "#ff5370",
+  brightCyan: brighten("#89ddff", 0.15),
+  brightWhite: "#a6accd", // foreground
+  foreground: "#a6accd", // foreground
+  background: "#292d3e", // background
+  cursorColor: "#a6accd", // foreground
+  cursorText: "#292d3e", // background
+  selectionBackground: "#4e5579", // guides/invisibles
+  selectionForeground: "#a6accd", // foreground
+}

package/src/palettes/rose-pine.ts

@@ -0,0 +1,90 @@
+/**
+ * Rosé Pine palettes — all natural pine, faux fur and a bit of soho vibes.
+ */
+
+import type { ColorPalette } from "../types"
+import { brighten } from "../color"
+
+/** Rosé Pine — the main dark variant. */
+export const rosePine: ColorPalette = {
+  name: "rose-pine",
+  dark: true,
+  black: "#191724",
+  red: "#EB6F92",
+  green: "#31748F",
+  yellow: "#F6C177",
+  blue: "#3E8FB0",
+  magenta: "#C4A7E7",
+  cyan: "#9CCFD8",
+  white: "#908CAA",
+  brightBlack: "#26233A",
+  brightRed: "#EA9A97",
+  brightGreen: brighten("#31748F", 0.15),
+  brightYellow: brighten("#F6C177", 0.15),
+  brightBlue: brighten("#3E8FB0", 0.15),
+  brightMagenta: "#EBBCBA",
+  brightCyan: brighten("#9CCFD8", 0.15),
+  brightWhite: "#E0DEF4",
+  foreground: "#E0DEF4",
+  background: "#1F1D2E",
+  cursorColor: "#E0DEF4",
+  cursorText: "#1F1D2E",
+  selectionBackground: "#6E6A86",
+  selectionForeground: "#E0DEF4",
+}
+
+/** Rosé Pine Moon — slightly lighter dark variant. */
+export const rosePineMoon: ColorPalette = {
+  name: "rose-pine-moon",
+  dark: true,
+  black: "#232136",
+  red: "#EB6F92",
+  green: "#3E8FB0",
+  yellow: "#F6C177",
+  blue: "#3E8FB0",
+  magenta: "#C4A7E7",
+  cyan: "#9CCFD8",
+  white: "#908CAA",
+  brightBlack: "#393552",
+  brightRed: "#EA9A97",
+  brightGreen: brighten("#3E8FB0", 0.15),
+  brightYellow: brighten("#F6C177", 0.15),
+  brightBlue: brighten("#3E8FB0", 0.15),
+  brightMagenta: "#EA9A97",
+  brightCyan: brighten("#9CCFD8", 0.15),
+  brightWhite: "#E0DEF4",
+  foreground: "#E0DEF4",
+  background: "#2A273F",
+  cursorColor: "#E0DEF4",
+  cursorText: "#2A273F",
+  selectionBackground: "#6E6A86",
+  selectionForeground: "#E0DEF4",
+}
+
+/** Rosé Pine Dawn — the light variant. */
+export const rosePineDawn: ColorPalette = {
+  name: "rose-pine-dawn",
+  dark: false,
+  black: "#FAF4ED",
+  red: "#B4637A",
+  green: "#286983",
+  yellow: "#EA9D34",
+  blue: "#286983",
+  magenta: "#907AA9",
+  cyan: "#56949F",
+  white: "#797593",
+  brightBlack: "#F2E9E1",
+  brightRed: "#D7827E",
+  brightGreen: brighten("#286983", 0.15),
+  brightYellow: brighten("#EA9D34", 0.15),
+  brightBlue: brighten("#286983", 0.15),
+  brightMagenta: "#D7827E",
+  brightCyan: brighten("#56949F", 0.15),
+  brightWhite: "#575279",
+  foreground: "#575279",
+  background: "#FFFAF3",
+  cursorColor: "#575279",
+  cursorText: "#FFFAF3",
+  selectionBackground: "#9893A5",
+  selectionForeground: "#575279",
+}

package/src/palettes/snazzy.ts

@@ -0,0 +1,35 @@
+/**
+ * Snazzy palette — elegant dark theme with vivid colors.
+ * Source: https://github.com/sindresorhus/hyper-snazzy
+ */
+
+import type { ColorPalette } from "../types"
+import { brighten } from "../color"
+
+/** Snazzy — clean dark theme by Sindre Sorhus. */
+export const snazzy: ColorPalette = {
+  name: "snazzy",
+  dark: true,
+  black: "#222430", // border color (deepest)
+  red: "#ff5c57",
+  green: "#5af78e",
+  yellow: "#f3f99d",
+  blue: "#57c7ff",
+  magenta: "#b267e6", // interpolated purple (between magenta and blue)
+  cyan: "#9aedfe", // cyan
+  white: "#97979b", // cursor/secondary text
+  brightBlack: "#34353e", // slightly raised (interpolated)
+  brightRed: "#ff9f43", // snazzy bright orange (warm interpolation)
+  brightGreen: brighten("#5af78e", 0.15),
+  brightYellow: brighten("#f3f99d", 0.15),
+  brightBlue: brighten("#57c7ff", 0.15),
+  brightMagenta: "#ff6ac1", // magenta
+  brightCyan: brighten("#9aedfe", 0.15),
+  brightWhite: "#eff0eb", // foreground
+  foreground: "#eff0eb", // foreground
+  background: "#282a36", // background
+  cursorColor: "#eff0eb", // foreground
+  cursorText: "#282a36", // background
+  selectionBackground: "#686868", // light black / muted chrome
+  selectionForeground: "#eff0eb", // foreground
+}

package/src/palettes/solarized.ts

@@ -0,0 +1,62 @@
+/**
+ * Solarized palettes — precision colors for machines and people.
+ */
+
+import type { ColorPalette } from "../types"
+import { brighten } from "../color"
+
+/** Solarized Dark — Ethan Schoonover's classic dark variant. */
+export const solarizedDark: ColorPalette = {
+  name: "solarized-dark",
+  dark: true,
+  black: "#002B36",
+  red: "#DC322F",
+  green: "#859900",
+  yellow: "#B58900",
+  blue: "#268BD2",
+  magenta: "#6C71C4",
+  cyan: "#2AA198",
+  white: "#839496",
+  brightBlack: "#586E75",
+  brightRed: "#CB4B16",
+  brightGreen: brighten("#859900", 0.15),
+  brightYellow: brighten("#B58900", 0.15),
+  brightBlue: brighten("#268BD2", 0.15),
+  brightMagenta: "#D33682",
+  brightCyan: brighten("#2AA198", 0.15),
+  brightWhite: "#FDF6E3",
+  foreground: "#FDF6E3",
+  background: "#073642",
+  cursorColor: "#FDF6E3",
+  cursorText: "#073642",
+  selectionBackground: "#657B83",
+  selectionForeground: "#FDF6E3",
+}
+
+/** Solarized Light — Ethan Schoonover's classic light variant. */
+export const solarizedLight: ColorPalette = {
+  name: "solarized-light",
+  dark: false,
+  black: "#FDF6E3",
+  red: "#DC322F",
+  green: "#859900",
+  yellow: "#B58900",
+  blue: "#268BD2",
+  magenta: "#6C71C4",
+  cyan: "#2AA198",
+  white: "#657B83",
+  brightBlack: "#DDD6C1",
+  brightRed: "#CB4B16",
+  brightGreen: brighten("#859900", 0.15),
+  brightYellow: brighten("#B58900", 0.15),
+  brightBlue: brighten("#268BD2", 0.15),
+  brightMagenta: "#D33682",
+  brightCyan: brighten("#2AA198", 0.15),
+  brightWhite: "#073642",
+  foreground: "#073642",
+  background: "#EEE8D5",
+  cursorColor: "#073642",
+  cursorText: "#EEE8D5",
+  selectionBackground: "#93A1A1",
+  selectionForeground: "#073642",
+}

package/src/palettes/sonokai.ts

@@ -0,0 +1,35 @@
+/**
+ * Sonokai palette — high-contrast vivid theme (Monokai Pro-inspired).
+ * Source: https://github.com/sainnhe/sonokai (default style)
+ */
+
+import type { ColorPalette } from "../types"
+import { brighten } from "../color"
+
+/** Sonokai — vivid dark theme with Monokai-inspired accents. */
+export const sonokai: ColorPalette = {
+  name: "sonokai",
+  dark: true,
+  black: "#181819",
+  red: "#FC5D7C",
+  green: "#9ED072",
+  yellow: "#E7C664",
+  blue: "#76CCE0",
+  magenta: "#B39DF3",
+  cyan: "#76CCE0",
+  white: "#7F8490",
+  brightBlack: "#33353F",
+  brightRed: "#F39660",
+  brightGreen: brighten("#9ED072", 0.15),
+  brightYellow: brighten("#E7C664", 0.15),
+  brightBlue: brighten("#76CCE0", 0.15),
+  brightMagenta: "#FC5D7C",
+  brightCyan: brighten("#76CCE0", 0.15),
+  brightWhite: "#E2E2E3",
+  foreground: "#E2E2E3",
+  background: "#2C2E34",
+  cursorColor: "#E2E2E3",
+  cursorText: "#2C2E34",
+  selectionBackground: "#414550",
+  selectionForeground: "#E2E2E3",
+}

package/src/palettes/tokyo-night.ts

@@ -0,0 +1,90 @@
+/**
+ * Tokyo Night palette — a clean dark theme inspired by Tokyo city lights.
+ */
+
+import type { ColorPalette } from "../types"
+import { brighten } from "../color"
+
+/** Tokyo Night — the default dark variant. */
+export const tokyoNight: ColorPalette = {
+  name: "tokyo-night",
+  dark: true,
+  black: "#1A1B26",
+  red: "#F7768E",
+  green: "#9ECE6A",
+  yellow: "#E0AF68",
+  blue: "#7AA2F7",
+  magenta: "#BB9AF7",
+  cyan: "#73DACA",
+  white: "#A9B1D6",
+  brightBlack: "#292E42",
+  brightRed: "#FF9E64",
+  brightGreen: brighten("#9ECE6A", 0.15),
+  brightYellow: brighten("#E0AF68", 0.15),
+  brightBlue: brighten("#7AA2F7", 0.15),
+  brightMagenta: "#FF007C",
+  brightCyan: brighten("#73DACA", 0.15),
+  brightWhite: "#C0CAF5",
+  foreground: "#C0CAF5",
+  background: "#24283B",
+  cursorColor: "#C0CAF5",
+  cursorText: "#24283B",
+  selectionBackground: "#545C7E",
+  selectionForeground: "#C0CAF5",
+}
+
+/** Tokyo Night Storm — slightly lighter background. */
+export const tokyoNightStorm: ColorPalette = {
+  name: "tokyo-night-storm",
+  dark: true,
+  black: "#1F2335",
+  red: "#F7768E",
+  green: "#9ECE6A",
+  yellow: "#E0AF68",
+  blue: "#7AA2F7",
+  magenta: "#BB9AF7",
+  cyan: "#73DACA",
+  white: "#A9B1D6",
+  brightBlack: "#292E42",
+  brightRed: "#FF9E64",
+  brightGreen: brighten("#9ECE6A", 0.15),
+  brightYellow: brighten("#E0AF68", 0.15),
+  brightBlue: brighten("#7AA2F7", 0.15),
+  brightMagenta: "#FF007C",
+  brightCyan: brighten("#73DACA", 0.15),
+  brightWhite: "#C0CAF5",
+  foreground: "#C0CAF5",
+  background: "#24283B",
+  cursorColor: "#C0CAF5",
+  cursorText: "#24283B",
+  selectionBackground: "#545C7E",
+  selectionForeground: "#C0CAF5",
+}
+
+/** Tokyo Night Day — the light variant. */
+export const tokyoNightDay: ColorPalette = {
+  name: "tokyo-night-day",
+  dark: false,
+  black: "#E1E2E7",
+  red: "#F52A65",
+  green: "#587539",
+  yellow: "#8C6C3E",
+  blue: "#2E7DE9",
+  magenta: "#9854F1",
+  cyan: "#118C74",
+  white: "#6172B0",
+  brightBlack: "#C4C5CB",
+  brightRed: "#B15C00",
+  brightGreen: brighten("#587539", 0.15),
+  brightYellow: brighten("#8C6C3E", 0.15),
+  brightBlue: brighten("#2E7DE9", 0.15),
+  brightMagenta: "#F52A65",
+  brightCyan: brighten("#118C74", 0.15),
+  brightWhite: "#3760BF",
+  foreground: "#3760BF",
+  background: "#D5D6DB",
+  cursorColor: "#3760BF",
+  cursorText: "#D5D6DB",
+  selectionBackground: "#9699A3",
+  selectionForeground: "#3760BF",
+}

package/src/resolve.ts

@@ -0,0 +1,44 @@
+/**
+ * Token resolution — resolves `$token` strings against a Theme.
+ *
+ * All theme property names are lowercase, no hyphens (e.g. `surfacebg`).
+ * Hyphens in token strings are stripped for lookup: `$surface-bg` → `surfacebg`.
+ * This allows both `$surfacebg` and `$surface-bg` to resolve identically.
+ */
+
+import type { Theme } from "./types"
+
+/** Color-typed keys of Theme (excludes metadata and palette). */
+type ThemeColorKey = Exclude<keyof Theme, "name" | "palette">
+
+/**
+ * Resolve a color value — if it starts with `$`, look up the token in the theme.
+ *
+ * Supports:
+ * - Named tokens: `$primary`, `$fg`, `$border`, `$muted`, etc.
+ * - Compound tokens: `$surfacebg`, `$mutedbg`, `$disabledfg`, etc.
+ * - Hyphenated tokens: `$surface-bg` → strips hyphens → `surfacebg`
+ * - Palette colors: `$color0` through `$color15`
+ *
+ * Returns `undefined` for `undefined` input. Non-`$` strings pass through unchanged.
+ * Unknown tokens pass through as-is.
+ */
+export function resolveThemeColor(color: string | undefined, theme: Theme): string | undefined {
+  if (!color) return undefined
+  if (!color.startsWith("$")) return color
+
+  const token = color.slice(1)
+
+  // Palette colors: $color0 through $color15
+  if (token.startsWith("color")) {
+    const idx = parseInt(token.slice(5), 10)
+    if (idx >= 0 && idx < 16 && theme.palette && idx < theme.palette.length) {
+      return theme.palette[idx]
+    }
+  }
+
+  // Strip hyphens for lookup (supports both $surfacebg and $surface-bg)
+  const key = token.replace(/-/g, "") as ThemeColorKey
+  const val = theme[key]
+  return typeof val === "string" ? val : color
+}

package/src/state.ts

@@ -0,0 +1,58 @@
+/**
+ * Active theme state — module-level for pipeline access.
+ *
+ * This module has side effects (global mutable state).
+ * Marked in package.json sideEffects for tree-shaking.
+ *
+ * Usage is optional — standalone users pass Theme objects explicitly
+ * to resolveThemeColor(token, theme). The global state exists for
+ * silvery's render pipeline where React context isn't accessible.
+ */
+
+import type { Theme } from "./types"
+import { ansi16DarkTheme } from "./palettes/index"
+
+// ============================================================================
+// Active Theme
+// ============================================================================
+
+/**
+ * The currently active theme, set by ThemeProvider during render.
+ * Used by parseColor() to resolve $token strings without React context access.
+ */
+let _activeTheme: Theme = ansi16DarkTheme
+
+/** Set the active theme (called by ThemeProvider). */
+export function setActiveTheme(theme: Theme): void {
+  _activeTheme = theme
+}
+
+/** Get the active theme (called by parseColor in render-helpers). */
+export function getActiveTheme(): Theme {
+  return _contextStack.length > 0 ? _contextStack[_contextStack.length - 1]! : _activeTheme
+}
+
+// ============================================================================
+// Context Theme Stack (per-subtree overrides during content phase)
+// ============================================================================
+
+/**
+ * Stack of per-subtree theme overrides, pushed/popped during content phase
+ * tree walk. When a Box has a `theme` prop, its theme is pushed before
+ * rendering children and popped after. getActiveTheme() checks this stack
+ * first, falling back to _activeTheme.
+ *
+ * This enables CSS custom property-like cascading: the nearest ancestor
+ * Box with a theme prop determines $token resolution for its subtree.
+ */
+const _contextStack: Theme[] = []
+
+/** Push a context theme (called by content phase for Box nodes with theme prop). */
+export function pushContextTheme(theme: Theme): void {
+  _contextStack.push(theme)
+}
+
+/** Pop a context theme (called by content phase after processing Box subtree). */
+export function popContextTheme(): void {
+  _contextStack.pop()
+}