Theme builder

Pick a preset, adjust the colours, copy the snippet, paste it next to your embed. The preview is the real widget rendering sample comments — nothing you do here touches a server.

Preset

Editing

Tokens

Tick the box beside a token to keep it when you press Randomize.

    What do these checks mean?

    Each line compares a text colour with the colour behind it. The ratio runs from 1:1 (identical) to 21:1 (black on white). WCAG AA asks for 4.5:1 so normal-size text stays readable for low-vision visitors and on dim screens.

    A warning is advice, not a block. The snippet still copies. A warning on a pair you cannot see in the preview, such as a hover colour, still matters.

    A transparent background is checked against the site background you picked above the preview.

    Import a theme

    Paste a mount element, a style="…" value or a #garrul { … } block. Only --garrul-* values are read. This replaces the current tweaks.

    Output