Skip to content

Interface: ThemeVars ​

Defined in: packages/sdk/src/domain-types.ts:284

The full theme-override surface, in type form: every --silo-* token a theme preset's vars may recolor. Per the theming contract it spans the design tokens' generic colors + font families and all the component tokens. The keys are the literal CSS custom-property names; renaming a key here renames the token in theme.css in lockstep. Font-sizes and the radius scale are intentionally absent (not theme-overridable).

See ​

docs/architecture-audit/theming-contract.md

Properties ​

--silo-color-bg ​

ts
--silo-color-bg: string;

Defined in: packages/sdk/src/domain-types.ts:286


--silo-color-bg-hover ​

ts
--silo-color-bg-hover: string;

Defined in: packages/sdk/src/domain-types.ts:287


--silo-color-bg-active ​

ts
--silo-color-bg-active: string;

Defined in: packages/sdk/src/domain-types.ts:288


--silo-color-text ​

ts
--silo-color-text: string;

Defined in: packages/sdk/src/domain-types.ts:289


--silo-color-text-hi ​

ts
--silo-color-text-hi: string;

Defined in: packages/sdk/src/domain-types.ts:290


--silo-color-text-lo ​

ts
--silo-color-text-lo: string;

Defined in: packages/sdk/src/domain-types.ts:291


--silo-color-accent ​

ts
--silo-color-accent: string;

Defined in: packages/sdk/src/domain-types.ts:292


--silo-color-accent-2 ​

ts
--silo-color-accent-2: string;

Defined in: packages/sdk/src/domain-types.ts:293


--silo-color-border ​

ts
--silo-color-border: string;

Defined in: packages/sdk/src/domain-types.ts:294


--silo-color-border-strong ​

ts
--silo-color-border-strong: string;

Defined in: packages/sdk/src/domain-types.ts:295


--silo-color-ok ​

ts
--silo-color-ok: string;

Defined in: packages/sdk/src/domain-types.ts:296


--silo-color-warn ​

ts
--silo-color-warn: string;

Defined in: packages/sdk/src/domain-types.ts:297


--silo-color-err ​

ts
--silo-color-err: string;

Defined in: packages/sdk/src/domain-types.ts:298


--silo-color-input-bg ​

ts
--silo-color-input-bg: string;

Defined in: packages/sdk/src/domain-types.ts:299


--silo-color-input-text ​

ts
--silo-color-input-text: string;

Defined in: packages/sdk/src/domain-types.ts:300


--silo-color-input-border ​

ts
--silo-color-input-border: string;

Defined in: packages/sdk/src/domain-types.ts:301


--silo-color-button-bg ​

ts
--silo-color-button-bg: string;

Defined in: packages/sdk/src/domain-types.ts:302


--silo-color-button-text ​

ts
--silo-color-button-text: string;

Defined in: packages/sdk/src/domain-types.ts:303


--silo-color-toolbar-bg ​

ts
--silo-color-toolbar-bg: string;

Defined in: packages/sdk/src/domain-types.ts:305


--silo-color-toolbar-text ​

ts
--silo-color-toolbar-text: string;

Defined in: packages/sdk/src/domain-types.ts:306


--silo-color-toolbar-text-disabled ​

ts
--silo-color-toolbar-text-disabled: string;

Defined in: packages/sdk/src/domain-types.ts:307


--silo-color-toolbar-input-bg ​

ts
--silo-color-toolbar-input-bg: string;

Defined in: packages/sdk/src/domain-types.ts:308


--silo-color-content-bg ​

ts
--silo-color-content-bg: string;

Defined in: packages/sdk/src/domain-types.ts:310


--silo-color-content-text ​

ts
--silo-color-content-text: string;

Defined in: packages/sdk/src/domain-types.ts:311


--silo-button-bg ​

ts
--silo-button-bg: string;

Defined in: packages/sdk/src/domain-types.ts:317


--silo-button-text ​

ts
--silo-button-text: string;

Defined in: packages/sdk/src/domain-types.ts:318


--silo-button-border ​

ts
--silo-button-border: string;

Defined in: packages/sdk/src/domain-types.ts:319


--silo-button-primary-bg ​

ts
--silo-button-primary-bg: string;

Defined in: packages/sdk/src/domain-types.ts:320


--silo-button-primary-text ​

ts
--silo-button-primary-text: string;

Defined in: packages/sdk/src/domain-types.ts:321


--silo-button-danger-bg ​

ts
--silo-button-danger-bg: string;

Defined in: packages/sdk/src/domain-types.ts:322


--silo-button-danger-text ​

ts
--silo-button-danger-text: string;

Defined in: packages/sdk/src/domain-types.ts:323


--silo-font-ui? ​

ts
optional --silo-font-ui?: string;

Defined in: packages/sdk/src/domain-types.ts:325


--silo-font-mono? ​

ts
optional --silo-font-mono?: string;

Defined in: packages/sdk/src/domain-types.ts:326


--silo-content-text ​

ts
--silo-content-text: string;

Defined in: packages/sdk/src/domain-types.ts:328


--silo-content-terminal-bg ​

ts
--silo-content-terminal-bg: string;

Defined in: packages/sdk/src/domain-types.ts:329


--silo-content-editor-bg ​

ts
--silo-content-editor-bg: string;

Defined in: packages/sdk/src/domain-types.ts:330


--silo-content-editor-selection ​

ts
--silo-content-editor-selection: string;

Defined in: packages/sdk/src/domain-types.ts:331


--silo-content-editor-selection-inactive ​

ts
--silo-content-editor-selection-inactive: string;

Defined in: packages/sdk/src/domain-types.ts:332


--silo-content-editor-text-dim ​

ts
--silo-content-editor-text-dim: string;

Defined in: packages/sdk/src/domain-types.ts:333


--silo-content-editor-text-faint ​

ts
--silo-content-editor-text-faint: string;

Defined in: packages/sdk/src/domain-types.ts:334


--silo-content-tab-bg ​

ts
--silo-content-tab-bg: string;

Defined in: packages/sdk/src/domain-types.ts:335


--silo-content-tab-tray-bg ​

ts
--silo-content-tab-tray-bg: string;

Defined in: packages/sdk/src/domain-types.ts:336


--silo-content-tab-tray-text ​

ts
--silo-content-tab-tray-text: string;

Defined in: packages/sdk/src/domain-types.ts:337


--silo-content-tab-text ​

ts
--silo-content-tab-text: string;

Defined in: packages/sdk/src/domain-types.ts:338


--silo-content-tab-text-inactive ​

ts
--silo-content-tab-text-inactive: string;

Defined in: packages/sdk/src/domain-types.ts:339


--silo-content-tab-text-active ​

ts
--silo-content-tab-text-active: string;

Defined in: packages/sdk/src/domain-types.ts:340


--silo-statusbar-bg ​

ts
--silo-statusbar-bg: string;

Defined in: packages/sdk/src/domain-types.ts:342


--silo-statusbar-text ​

ts
--silo-statusbar-text: string;

Defined in: packages/sdk/src/domain-types.ts:343


--silo-statusbar-bg-hover ​

ts
--silo-statusbar-bg-hover: string;

Defined in: packages/sdk/src/domain-types.ts:344


--silo-tab-text ​

ts
--silo-tab-text: string;

Defined in: packages/sdk/src/domain-types.ts:346


--silo-tab-text-active ​

ts
--silo-tab-text-active: string;

Defined in: packages/sdk/src/domain-types.ts:347


--silo-tab-bg-hover ​

ts
--silo-tab-bg-hover: string;

Defined in: packages/sdk/src/domain-types.ts:348


--silo-tab-border-active ​

ts
--silo-tab-border-active: string;

Defined in: packages/sdk/src/domain-types.ts:349


--silo-menu-bg ​

ts
--silo-menu-bg: string;

Defined in: packages/sdk/src/domain-types.ts:351


--silo-menu-text ​

ts
--silo-menu-text: string;

Defined in: packages/sdk/src/domain-types.ts:352


--silo-menu-item-hover-bg ​

ts
--silo-menu-item-hover-bg: string;

Defined in: packages/sdk/src/domain-types.ts:353


--silo-menu-border ​

ts
--silo-menu-border: string;

Defined in: packages/sdk/src/domain-types.ts:354


--silo-modal-bg ​

ts
--silo-modal-bg: string;

Defined in: packages/sdk/src/domain-types.ts:356


--silo-modal-border ​

ts
--silo-modal-border: string;

Defined in: packages/sdk/src/domain-types.ts:357


--silo-notify-bg ​

ts
--silo-notify-bg: string;

Defined in: packages/sdk/src/domain-types.ts:359


--silo-notify-text ​

ts
--silo-notify-text: string;

Defined in: packages/sdk/src/domain-types.ts:360


--silo-notify-text-hi ​

ts
--silo-notify-text-hi: string;

Defined in: packages/sdk/src/domain-types.ts:361


--silo-list-radius ​

ts
--silo-list-radius: string;

Defined in: packages/sdk/src/domain-types.ts:363


--silo-list-inset ​

ts
--silo-list-inset: string;

Defined in: packages/sdk/src/domain-types.ts:364


--silo-list-hover-bg ​

ts
--silo-list-hover-bg: string;

Defined in: packages/sdk/src/domain-types.ts:365


--silo-list-active-bg ​

ts
--silo-list-active-bg: string;

Defined in: packages/sdk/src/domain-types.ts:366


--silo-list-active-outline ​

ts
--silo-list-active-outline: string;

Defined in: packages/sdk/src/domain-types.ts:368

Selected-row outline — use a bordered selection instead of (or with) a fill.