Read resolved --sxl-* token values off a live element via getComputedStyle.
This is the escape hatch for the few consumers that CSS var() cannot reach — a <canvas>, an SVG
data: URI, or SDK interop — where a concrete color string is required. Because it reads the computed
style of el, the value already reflects that element's surface, mode, and any override, with no
configuration and no theme context (see THEMING-DESIGN.md, decision 1). It is the counterpart to the
CSS-first read path; do NOT use it where a plain var(--sxl-*) works.
SSR / detached element: returns undefined / {} so the caller falls back to its literal. Never throws.
name is a TokenTheme key (e.g. 'color-base-100') or a full custom-property name
(e.g. '--sxl-color-base-100'); the --sxl- prefix is added when absent.
Read resolved
--sxl-*token values off a live element viagetComputedStyle.This is the escape hatch for the few consumers that CSS
var()cannot reach — a<canvas>, an SVGdata:URI, or SDK interop — where a concrete color string is required. Because it reads the computed style ofel, the value already reflects that element's surface, mode, and any override, with no configuration and no theme context (see THEMING-DESIGN.md, decision 1). It is the counterpart to the CSS-first read path; do NOT use it where a plainvar(--sxl-*)works.SSR / detached element: returns
undefined/{}so the caller falls back to its literal. Never throws.nameis a TokenTheme key (e.g.'color-base-100') or a full custom-property name (e.g.'--sxl-color-base-100'); the--sxl-prefix is added when absent.