Expand description
Orbital theme — CSS variable injection and runtime customization.
Provides OrbitalThemeProvider and theme hooks for light/dark mode, brand
color, density, typography, spacing, and elevation overrides.
§First-paint baseline
default_first_paint_baseline_css and ROOT_THEME_SCOPE_ID supply SSR shell
CSS (fonts + scoped light-theme vars). Wire into the document shell via
orbital::OrbitalFirstPaintHeadAssets. Dark mode, custom brand, and route-specific
brand remain runtime responsibilities after hydration.
Structs§
- Brand
Palette - Color
Theme - Common
Theme - Elevation
Scale - Shape
Overrides - Spacing
Scale - Theme
- Bundles all injectable tokens for one theme scope.
- Theme
Injection - Theme
Options - Theme
Overrides - Typography
Overrides
Enums§
Constants§
- BASELINE_
STYLESHEET_ FILENAME - Filename served from the app static assets directory.
- ROOT_
THEME_ SCOPE_ ID - Stable scope id for the root shell [
OrbitalThemeProvider].
Functions§
- Orbital
Theme Provider - Injects Orbital CSS variables for components.
- baseline_
active_ in_ document - baseline_
asset_ path - Base-path-aware URL for the baseline stylesheet at site root.
- baseline_
primary_ font_ preload_ path - Base-path-aware URL for the primary UI font preload.
- baseline_
stylesheet_ filename - Baseline stylesheet filename (see
BASELINE_STYLESHEET_FILENAME). - brand_
ramp - Build an Orbital brand ramp from a single primary hex for light/dark theme overrides.
- default_
first_ paint_ baseline_ css - Convenience:
default_first_paint_themebaseline for the given scope id. - default_
first_ paint_ baseline_ css_ with_ font_ prefix - Default first-paint baseline with an explicit font asset prefix.
- default_
first_ paint_ theme - Default theme for anonymous first visit (light + product token defaults).
- font_
faces_ css_ with_ asset_ prefix @font-facerules for Orbital’s default LoMT font stack with an explicit asset prefix.- is_
baseline_ theme - Returns true when
themematches the default first-paint baseline (light, no overrides). - set_
brand_ palette - set_
density - set_
elevation_ scale - set_
spacing_ scale - set_
theme_ mode - set_
typography - should_
skip_ root_ baseline_ injection - Skip redundant font/theme StyleRegistry injection for the root provider when baseline covers it.
- theme_
baseline_ css - Full first-paint baseline:
@font-facerules plus scoped theme variables. - theme_
baseline_ css_ with_ font_ prefix - Full first-paint baseline with an explicit font asset prefix (see
font_faces_css_with_asset_prefix). - theme_
scoped_ vars_ css - Scoped CSS variables block for a theme scope (no
@font-facerules). - use_
set_ theme - use_
theme_ mode - use_
theme_ options - use_
update_ theme