{
  "name": "settings-appearance-theme-panel",
  "kind": "block",
  "primary": "div",
  "page": "/apps/saas/app/settings-page/settings-page.contents.html",
  "slots": [],
  "nested": [],
  "attrs": {
    "data-col": ""
  },
  "html": "<div data-col>\n      <theme-panel persist parametric presets scheme-toggle></theme-panel>\n    </div>",
  "source": "apps/saas/app/settings-page/settings-page.contents.html",
  "metadata": {
    "domain": "settings",
    "description": "Appearance customizer panel using theme-panel-ui — choose a named theme preset, toggle light or dark color scheme, and adjust parametric density and corner-radius sliders.",
    "keywords": [
      "theme",
      "customizer",
      "panel",
      "appearance",
      "dark",
      "light",
      "color",
      "scheme",
      "theme-panel-ui",
      "toggle",
      "color",
      "mode",
      "customization",
      "presets",
      "density",
      "radius",
      "parametric"
    ]
  },
  "captured_at": "2026-06-07T19:28:13.657Z",
  "template": [
    {
      "id": "theme-panel",
      "component": "ThemePanel",
      "parametric": true,
      "persist": true,
      "presets": true,
      "scheme-toggle": true
    },
    {
      "id": "root",
      "component": "Column",
      "data-col": "",
      "children": [
        "theme-panel"
      ]
    }
  ]
}