{% load wise_icons i18n %}
{% comment %}
Live design-token settings drawer, two tabs:
- Settings: every control calls one of the wiseSet*() helpers in
common.js, each of which writes one `data-*` attribute on and
persists it to localStorage - see the axis list at the top of
tokens.css.
- Copy tokens: read-only. wiseRefreshTokenExport() (common.js) reads back
the resolved value of a curated set of custom properties plus whichever
`data-*` attributes are currently set, so the *exact* combination
chosen on the Settings tab can be copied out - as the attribute line to
reproduce it at runtime, or the resolved values to bake it in
permanently.
Nothing here talks to the server: the whole panel works with zero backend
support, which is what makes it safe to ship in every project that pulls in
wise_core (open it with wiseOpenDrawer('wise-settings-drawer'), normally via
_settings_toggle.html). The tab switch itself is plain JS rather than the
one-URL-per-tab pattern the Tab Group doc page recommends for real pages -
this is a floating, ephemeral panel, not page content, so there's no URL to
give it.
Include this once per page - wise_core/base.html's default `modal` block
already does, so most pages get it for free. Override that block (or this
one) to opt out.
{% endcomment %}
{% trans "Design settings" %}
{% comment %}
shrink-0: .tab-bar's own overflow-x-auto makes it a flex-basis-shrinkable
item once it sits directly inside .drawer's flex-col layout (an
overflow value other than visible zeroes a flex item's automatic
min-height) - without this it collapses to ~1px instead of its
content's height.
{% endcomment %}
{% trans "Every control here flips one design token at runtime - no reload, no server round-trip. Your choices are remembered on this device." %}
{% trans "Theme" %}
{% trans "Palette" %}
{% trans "Density" %}
{% trans "Corner radius" %}
{% trans "Card shadow" %}
{% trans "Background" %}
{% trans "Live preview" %}
{% trans "This card follows your settings" %}
{% trans "Radius, shadow and background update instantly - no reload." %}
{% trans "Badge" %}{% trans "Tag" %}
{% trans "The exact combination chosen on the Settings tab: the attribute line to switch to it at runtime, and the resolved values below to bake it in permanently." %}