Configure the widget without touching compiled CSS

Edit theme tokens, preview the embedded widget, and copy the resulting config or host embed snippet.

HomeOpen Canvas

Theme Controls

Empty fields fall back to the widget defaults.

Mode

Using default color

Using default color

Using default color

Using default color

Using default color

Using default color

Using default color

Using default color

Using default color

Using default color

Using default color

Using default color

Using default color

Using default color

Using default color

Using default color

Using default color

Using default color

Using default color

Using default color

Using default color

Widget Config

Current `window.csWidgetConfig` output.

{
  "theme": {
    "mode": "light"
  }
}

Embed Snippet

Uses `WIDGET_BASE_URL` when present.

<script>
  window.csWidgetConfig = {
    "theme": {
      "mode": "light"
    }
  };
</script>
<script src="https://ms-widget.pixelaitech.com/widget.js"></script>