Skip to content

Theming Guide

Use the themeClass on MapFeatureConfig or on the host element to scope the theme.

The SDK exposes CSS custom properties that consumers can override to match their app shell:

  • --map-feature-surface
  • --map-feature-surface-elevated
  • --map-feature-border
  • --map-feature-text
  • --map-feature-muted-text
  • --map-feature-accent
  • --map-feature-accent-strong
  • --map-feature-chip-surface
  • --map-feature-chip-text

The host can also map these variables to consumer-specific aliases such as --smoc-surface, --smoc-accent, and --smoc-line through wrapper styles.