Theme Customizer
Preview theme skins, generate palettes, customize CSS variables, and export YAML configuration.
Updated Apr 05, 2026Administration
Open the Theme Preview style guide to see all components update live with skin and mode changes.
Current skin: air. Click a card to preview (page-level only — does not persist).
air
Activeaqua
Click to previewdirt
Click to previewneon
Click to previewmint
Click to previewplum
Click to previewsunrise
Click to preview
To permanently change the skin, update
theme_skin in _config.yml or use the Export YAML tab.
Edit any built-in skin or create your own. Adjust gradient colors, preview palettes, tune the SVG filter, then apply live.
Gradient Colors
Gradient Preview
Advanced: SVG Filter Controls
Tip: Click any swatch to copy its hex code. Use Save Custom to persist your skin in localStorage.
Use Apply Live to see your changes on this page instantly.
Generate harmonious color palettes from a base color using color theory algorithms.
Edit Bootstrap CSS variables below. Changes render instantly on this page.
Changes are live on this page only. Use the Export tab to copy your configuration for permanent use.
Edit theme color values below. Changes are reflected in the Export tab.
Theme Configuration YAML
Loading...