Technology

Make It Yours: The Live Theme Editor

Change your site's colour palette in real time, with WCAG contrast checking built in. No CSS files to edit, no deployments to trigger.

root 5 reads 1 min read

Design without a developer

Most CMS platforms make you edit a CSS file or install a theme builder plugin to change colours. slynx has a live theme editor built into the admin panel — open it, pick a colour, and see the change reflected on your site immediately.

How it works

The theme editor exposes the core CSS custom properties that drive the entire design: background, foreground, accent, link colour, and more. Change one value and every element that uses it updates instantly — buttons, headings, borders, the navigation, all of it.

WCAG contrast checking

Colour contrast is a legal accessibility requirement in many jurisdictions and a practical readability concern in all of them. The theme editor checks your foreground/background contrast ratio against WCAG AA and AAA standards in real time and warns you if your choices fail. You can ship a beautiful design that is also accessible.

Persistent across resets

Theme colours are stored in the settings table as a JSON blob, separate from content. On this demo, colours survive the hourly reset — so if you customise the theme, the next visitor sees your choices.

Share: X / Twitter