Interface ThemeCssVariables

Interactive hover, focus, and active surface color. Applied to ghost buttons, menu highlights, and hovered rows.

Text and content color rendered on accent surfaces.

Default application background color. Applied to the page shell and page sections.

Default border and separator color. Applied to cards, menus, tables, and layout dividers.

Surface color for elevated containers such as cards and dashboard panels.

Text and content color inside card surfaces.

First color in the default chart palette.

Second color in the default chart palette.

Third color in the default chart palette.

Fourth color in the default chart palette.

Fifth color in the default chart palette.

Color representing destructive actions and error states. Applied to destructive buttons and invalid states.

Text and content color rendered on destructive surfaces.

Default text color. Applied to the page shell and general text content.

Border and surface treatment color for form controls such as inputs, text areas, and selects.

Subtle background surface color for de-emphasized regions.

Lower-emphasis text color. Applied to descriptions, placeholders, helper text, and subdued content.

Surface color for floating overlays such as dropdowns and context menus.

Text and content color inside floating overlay surfaces.

High-emphasis action and brand surface color. Applied to the default button, selected states, and active accents.

Text and content color rendered on primary surfaces.

Base corner radius scale. Applied to cards, inputs, buttons, popovers, and the derived radius-* tokens.

Focus ring and outline color applied to buttons, inputs, checkboxes, and other focusable controls.

Lower-emphasis filled action and supporting surface color. Applied to secondary buttons and supporting UI.

Text and content color rendered on secondary surfaces.

Base sidebar container surface color.

Hover and selected state surface color inside the sidebar. Applied to menu hover states and open items.

Text and content color rendered on sidebar accent surfaces.

Border and separator color specific to the sidebar. Applied to sidebar headers, groups, and internal dividers.

Default text color inside the sidebar.

High-emphasis action color inside the sidebar. Applied to active items, icon tiles, and sidebar badges.

Text and content color rendered on primary sidebar surfaces.

Focus ring color for controls inside the sidebar.

Base spacing unit. Controls the size of all Tailwind spacing utilities (padding, margin, gap, etc.).

Color to emphasize the success of some action

Color representing warning states such as caution, advisories, and non-critical issues.

Text and content color rendered on warning surfaces.