Bootstrap 5.3.8 / Sandstone foundation

Pearing theme specimen

A durable QA surface for the optional, self-contained Pearing theme. It exercises the full type, color, control, navigation, data, and interactive component systems.

View with Pearing Compare Sandstone

Brand palette

Canonical asset pack v4 colors and their safe foregrounds.

Deep Pine
#0F1F2E

Forest
#1E5E3A

Leaf
#2FA24F

Pear
#A9CF45

Stem
#5A3A1E

Mist
#F7F7F3

Semantic interface roles

Each workflow meaning has a distinct AA-safe surface and foreground. The canonical brand palette remains unchanged.

Primary / action
#246B4B / white
6.40:1

Secondary / neutral
#53636B / white
6.24:1

Success / outcome
#5F751C / white
5.19:1

Info / proposal
#276F91 / white
5.57:1

Warning / attention
#E0A21A / Deep Pine
7.45:1

Danger / destructive
#B83B45 / white
5.60:1

Navbar Mist
#EDF5E9

Typography

Heading one

Heading two

Heading three

Heading four

Heading five

Heading six

Display

Lead text introduces an important workflow without crowding it.

Body copy supports strong text, emphasis, links, highlights, and inline code.

Good defaults make the correct path feel obvious.
Pearing theme principle

pearing-cli create-thread pearing --title "Ship the theme"

Buttons and actions

Action hierarchy

Active and disabled states

Role	Active	Disabled
Primary
Secondary
Success
Info
Warning
Danger

Forms and validation

Navigation

Thread navigation content.

Pull navigation content.

Cards, accordion, and lists

Proposal

Theme implementation

A complete card with header, body, links, and actions.

Review

Updated now

Active work item Queued work item Unavailable work item

The accepted visual and technical contract stays visible.

Reproducibility, accessibility, and browser behavior are checked together.

Tables and status

Theme verification checks
Check	Status	Owner
Compiled CSS	Ready	Codex
Visual review	Pending	Claude
Merge	Queued	Ben

Primary: the theme is selected.

Success: the build is reproducible.

Warning: review is still pending.

Danger: contrast regression detected.

Info: Sandstone remains the default.

Light: restrained supporting detail.

Workflow kinds

CommentProposalReviewDecisionImplementation

Workflow outcomes

OpenAcceptedPendingRejectedCompleted

PrimarySecondarySuccessInfoWarningDangerLightDark

Progress and loading

75%

Interactive widgets

Focus target

Collapse content is visible and comfortably spaced.

Forest and Deep Pine

A confident dark brand surface.

Pear and Mist

A bright, restrained accent surface.

Dark-context contrast audit

This is a foreground/background compatibility specimen, not a dark-mode feature.

Deep Pine / white

Forest / white

Leaf / Deep Pine

Pear / Deep Pine

Stem / white

Mist / Deep Pine

PrimarySecondarySuccessInfoWarningDanger

Offcanvas content uses the same surface, type, and action system.

The interactive theme specimen is ready.