Theming
One setting. Every component.
djust ships 69 colour presets, each with a light and a dark mode. Components read their colours from theme tokens, so switching a preset repaints all of them at once. Pick one: only the preview changes, the link is yours to share, and a heart tells us which ones you love.
Buttons
Badges
Default Secondary Success Warning Destructive
Alerts
Saved
Heads up
Deploy failed
Card
Project settings
Every colour on this card comes from the selected preset.
Form
Progress and people
40%
85%
JD
AL
LT
Use it
Choose the preset in settings. This is the one you are previewing:
# settings.py
LIVEVIEW_CONFIG = {
"theme": {
"preset": "blue",
"default_mode": "light",
},
}Load the tokens in your base template. Every component, and your own CSS through hsl(var(--primary)), picks them up:
{# base.html #}
{% load theme_tags %}
<head>
{% theme_head %}
</head>