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

WORKING PREVIEW

Status colors are on deck.

LIVE

COLORSTACK THEME STAGE

Status colors joined the party.

Stage 6 adds success, warning, error and info 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.

Status

Success, warning, error and info states 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

SUCCESSEverything worked.

WARNINGCheck this setting.

ERRORSomething failed.

INFOHelpful information.

STAGE 6 Foundation + Navigation + Links + Buttons + Forms + Status Colors. Test this build before we add anything else.