Theme Stage — ColorStack

FOUNDATION 6 controls

Page Background

Surface / Card

Main Text

Muted Text

Border

Primary

NAVIGATION 7 controls

Navbar Background

Navbar Text

Sidebar Background

Sidebar Text

Sidebar Active

Sidebar Active Text

Sidebar Hover

LINK STATES 4 controls

Normal Link

Hover Link

Active Link

Visited Link

BUTTONS 7 controls

Primary Button

Primary Text

Primary Hover

Secondary Button

Secondary Text

Disabled Button

Disabled Text

FORMS 5 controls

Input Background

Input Text

Input Border

Placeholder Text

Focus Border/Ring

STATUS COLORS 8 controls

Success Background

Success Text

Warning Background

Warning Text

Error Background

Error Text

Info Background

Info Text

CARDS & PANELS8 controls

Card Background

Card Text

Card Border

Card Heading

Panel Background

Panel Text

Panel Border

Panel Heading

TABLES + BADGES 10 controls

Table Header BG

Table Header Text

Table Row BG

Table Alt Row

Table Text

Table Border

Badge Background

Badge Text

Chip Background

Chip Text

DROPDOWNS + MODALS 9 controls

Dropdown Background

Dropdown Text

Dropdown Border

Dropdown Hover

Modal Background

Modal Text

Modal Border

Modal Heading

Overlay / Backdrop

WORKING PREVIEW

Now beat on the dropdowns and modal overlay.

LIVE

COLORSTACK THEME STAGE

Dropdowns and modals joined the party.

Stage 9 adds dropdown and modal colors without changing the modules that already passed testing.

Surface

Foundation colors still control the page and cards.

Navigation

Navbar and sidebar settings remain independent.

Forms

Inputs, placeholders, borders and focus are now testable.

LINK STATE PREVIEW

Normal Link Hover State Active State Visited State

FORM PREVIEW

Name Email Theme Type Message Focus Example

STATUS PREVIEW

SuccessYour changes were saved.

WarningCheck this setting before continuing.

ErrorSomething needs to be fixed.

InfoHere is something useful to know.

CARDS & PANELS PREVIEW

Theme Panel

A larger surface for grouped content, settings, dashboards and side areas.

Project Card

Cards can carry their own background, text, border and heading colors.

Preview Card

Adjust the controls and watch these surfaces update immediately.

TABLES + BADGES PREVIEW

NEW LIVE CSS PHP ACCESSIBLE

Component	Status	Type
Navigation	READY	Global
Cards	READY	Surface
Theme Export	COMING	Tool

DROPDOWNS + MODALS PREVIEW

STAGE 9 Foundation + Navigation + Links + Buttons + Forms + Status + Cards + Panels + Tables + Badges + Dropdowns + Modals.