Skip to content

Reference

Find a native element, CSS hook, or complete workflow.

Foundations

Compare and edit themes

112 results

Themes and tokens

  • Design tokens foundationStable

    The semantic token and theme contract defines the complete public design vocabulary shared by every Thin-Sky theme.

  • Blueprint theme

    Palette from Ultramarine & Chalk White.

  • Curated themes foundationPreview

    Ship 5 complete, named theme mappings: Paper (warm serif reading), Market (warm commercial accent), Night Signal (dark native color scheme), Blueprint (cool structured presentation), High Contrast (system color roles).

  • Data-visualization color roles foundationPreview

    Provide theme-complete semantic categorical and directional data-color roles without coupling visualization meaning to a specific palette.

  • High Contrast theme

    Palette from Yellow Orange & Dark Tyrian Blue.

  • Market theme

    Palette from Crimson & Navy.

  • Neutral theme

    Palette from Celadon & Unbleached.

  • Neutral theme foundationPreview

    Provide the complete default light semantic-token mapping used by :root and explicit data-theme=neutral scopes.

  • Night Signal theme

    Palette from Wisteria & Indigo.

  • Paper theme

    Palette from Scorched Brown & Unbleached.

  • Thin-Sky theme

    Palette from Pale Blue & Vermillion.

  • Thin-Sky theme foundationPreview

    Provide Thin-Sky's complete light semantic-token mapping while retaining the same public token contract as every theme.

Document defaults and preferences

  • Accessibility modes foundationPreview

    Coordinate visible keyboard focus, reduced motion, forced colors, system-color theming, visually hidden content, zoom, attention-respecting defaults, and native semantic fallbacks.

  • Motion foundationPreview

    Provide fast and normal duration roles plus a shared easing role, with a global reduced-motion safety rule.

  • Reset foundationPreview

    Apply a small, layered reset for predictable sizing, document margins, inherited form typography, responsive replaced media, and semantic content defaults.

  • Semantic base foundationPreview

    Provide low-specificity theme-aware defaults for links, code, quotations, rules, focus, hidden content, and readable prose flow.

  • View-transition pack foundationPreview

    Offer an explicitly imported native cross-document view-transition vocabulary for a few stable page identities without taking ownership of navigation.

Type and spacing

  • Fluid space foundationPreview

    Expose six rem-based spacing roles derived from the theme’s modular ratio at each viewport endpoint.

  • Fluid type foundationPreview

    Expose three bounded, rem-based fluid type roles generated from recorded minimum and maximum scale inputs.

  • Typography foundationPreview

    Map semantic document typography to body, display, mono, measure, type-scale, and spacing roles without replacing HTML structure.

Icons