ThemeSelector

Color scheme and mode selector.

All components

Component frame

Appearance Fern Canopy · system

Color scheme Mode

Current State

{
  "scheme": "fern",
  "mode": "system",
  "submitted": null
}

Submission

null

Configuration Options

{
  "packageEntry": "@treeseed/ui/components/astro/theme/ThemeSelector.astro",
  "defaultProps": {
    "selectedScheme": "fern",
    "selectedMode": "system",
    "compact": false
  },
  "configurableProps": [
    {
      "name": "selectedScheme",
      "type": "string",
      "defaultValue": "fern",
      "description": "Initial color scheme."
    },
    {
      "name": "selectedMode",
      "type": "'system' | 'light' | 'dark'",
      "defaultValue": "system",
      "description": "Initial mode."
    },
    {
      "name": "compact",
      "type": "boolean",
      "defaultValue": false,
      "description": "Compact layout mode."
    }
  ]
}

Defaults

{
  "selectedScheme": "fern",
  "selectedMode": "system",
  "compact": false
}