Theme Variables

Theme Variables

StyleKit uses documented color and spacing roles to keep themes consistent.

Common Roles

• Background: main application surfaces and page backgrounds.
• Surface: cards, panels, menus, and popups.
• Text: primary, secondary, disabled, and inverse text.
• Accent: primary actions and selected states.
• Danger/Warning/Success: semantic status colors.
• Line: borders, dividers, and table grid lines.

When adding a theme, keep contrast and disabled states readable. Avoid changing only the main color while leaving hover, pressed, and focus states inconsistent.