Theme Customizer
Preview theme skins, generate palettes, customize CSS variables, and export YAML configuration.
Updated Apr 06, 2026Administration
Mode:
Skin:
Current skin: dark. Click a card to preview (page-level only — does not persist).
air
Click to previewaqua
Click to previewcontrast
Click to previewdark
Activedirt
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
Custom skins are stored in your browser's localStorage and persist across visits.
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.
Fine-tune individual theme colors. These map to site.theme_color in your _config.yml.
Theme Configuration YAML
Loading...