Color

Updated 2026-05-19

The Actian DS color tokens — three theme rails (Actian, FM, DS Kit).

Brand & status scales

Full primary / neutral / error / success / warning color ramps. Each row is a CSS variable consumable directly.

Per-surface tokens for backgrounds, text, icons, and annotation.

Token	Suggested Value	Usage	Status
--zen-color-bg-default	--zen-color-white	Default page background	🟡 Proposed
--zen-color-bg-subtle	--zen-color-neutral-25	Subtle section backgrounds, sidebars	🟡 Proposed
--zen-color-bg-muted	--zen-color-neutral-50	Cards, input fills, table rows	🟡 Proposed
--zen-color-bg-disabled	--zen-color-neutral-50	Disabled state backgrounds	🟡 Proposed
--zen-color-bg-selected	--zen-color-primary-25	Selected row or item background	🟡 Proposed
--zen-color-bg-overlay	`--zen-color-black` at 40% opacity	Modal/dialog backdrop	🟡 Proposed
--zen-color-bg-primary	--zen-color-primary-500	CTA banners, primary filled areas	🟡 Proposed
--zen-color-bg-success	--zen-color-success-25	Success alert backgrounds	🟡 Proposed
--zen-color-bg-warning	--zen-color-warning-25	Warning alert backgrounds	🟡 Proposed
--zen-color-bg-error	--zen-color-error-25	Error alert backgrounds	🟡 Proposed
--zen-color-bg-info	--zen-color-primary-25	Info alert backgrounds	🟡 Proposed
--zen-color-bg-reverse	--zen-color-black	Dark/inverted surface backgrounds	🟡 Proposed

Token	Resolves To	Usage	Status
--zen-color-text-default	--zen-color-black	Titles, labels, body text	🟡 Proposed (rename from `text-primary` — eng update required)
--zen-color-text-secondary	--zen-color-neutral-800	Hints, subtext	🟢 Shipped
--zen-color-text-tertiary	--zen-color-neutral-700	Subtitles, alternate texts	🟢 Shipped
--zen-color-text-placeholder	--zen-color-neutral-600	Input placeholders	🟢 Shipped
--zen-color-text-placeholder-subtle	--zen-color-neutral-400	Secondary placeholders (e.g. search fields)	🟢 Shipped
--zen-color-text-disabled	--zen-color-neutral-500	Disabled inputs, buttons, form elements	🟢 Shipped
--zen-color-text-primary	--zen-color-primary-500	Interactive text	🟡 Proposed (named `primary` to align with primary color convention)
--zen-color-text-error	--zen-color-error-600	Error messages	🟢 Shipped
--zen-color-text-warning	--zen-color-warning-600	Warning messages	🟢 Shipped
--zen-color-text-success	--zen-color-success-600	Success messages	🟢 Shipped
--zen-color-text-reverse	--zen-color-white	Text on dark or primary-colored backgrounds	🟡 Proposed

Token	Suggested Value	Usage	Status
--zen-color-icon-default	--zen-color-black	Default icon color	🟡 Proposed
--zen-color-icon-subtle	--zen-color-neutral-600	De-emphasized icons	🟡 Proposed
--zen-color-icon-disabled	--zen-color-neutral-400	Disabled icon state (no filter — uses explicit color)	🟡 Proposed
--zen-color-icon-primary	--zen-color-primary-500	Primary action icons	🟡 Proposed
--zen-color-icon-error	--zen-color-error-600	Error state icons	🟡 Proposed
--zen-color-icon-success	--zen-color-success-600	Success state icons	🟡 Proposed
--zen-color-icon-warning	--zen-color-warning-600	Warning state icons	🟡 Proposed
--zen-color-icon-reverse	--zen-color-white	Icons on dark or primary-colored backgrounds	🟡 Proposed

	Token	Value
	`--zen-color-annotation-annotation`	`#D71D6D`