Skip to content
DSH Themes
Back to Learn
08Workbench9 min readIntermediate

GUIDE 04 · WORKBENCH

Use the 13-Token Lab

Token Lab exposes the exact fixed semantic surface used by current verified Themes. Use it to explain a difference, not to imply that browsing has changed your local DSH installation.

Last verified
Aug 15, 2026
Runtime
0.1.0-rc.6
Verified scope
  • Exact rc.6 13-token catalog
  • Verified sidecar specimens
  • Light and dark declaration copying
On this page
  1. Know the complete surface
  2. Run a repeatable inspection

Know the complete surface

Every current V2 Theme supplies light and dark values for all 13 names. Unknown names, missing modes, CSS var references, URLs, imports, declarations, or structural CSS syntax are rejected by the publishing contract.

TokenRoleCheck
--dsw-alias-bg-basePrimary canvasPrimary and secondary labels remain readable
--dsw-alias-bg-layer-1First raised surfaceSeparates from the base without excess contrast
--dsw-alias-bg-layer-2Second raised surfaceKeeps nested hierarchy visible
--dsw-alias-bg-overlayOverlay surfaceSupports labels over the effective backdrop
--dsw-alias-border-l1Primary separatorVisible without dominating content
--dsw-alias-border-l2Secondary separatorPreserves weaker hierarchy
--dsw-alias-brand-primaryBrand and primary accentWorks with adjacent label and surface colors
--dsw-alias-label-primaryPrimary textPasses required foreground contrast
--dsw-alias-label-secondarySecondary textRemains readable without matching primary weight
--dsw-alias-state-error-primaryError stateDistinct from warning and background roles
--dsw-alias-state-success-primarySuccess stateDistinct from brand and background roles
--dsw-alias-state-warn-primaryWarning stateDistinct from error and success roles
--dsw-specific-sidebar-fillSidebar fillCoordinates with the main canvas in both modes

Run a repeatable inspection

  1. 01

    Select a verified Theme

    The workbench limits specimens to entries whose package and compatibility metadata match the checked-in verified sidecar.

  2. 02

    Choose light or dark

    Keep the mode explicit while inspecting the swatch, preview, and declaration value.

  3. 03

    Move through all 13 roles

    Read each value in context, then compare its paired value in the other mode.

  4. 04

    Copy only what you can trace

    Copied values are reference material. Keep the token name, mode, source release, and sidecar hash together in review notes.

Put the values to work

Open Token LabInspect verified values and sidecar identity.Create a Full SkinApply a complete token pair in a controlled draft.

Continue learning

Previous guideCompare Light and Dark ModesNext guideCreate a Full Skin Draft

Continue from the verified evidence

Compare published artifacts or return to the installation documentation.

ExploreDocs