Theme¶
{% include components/theme-controls-bar.html %}
Open the Theme Preview style guide to see all components update live with skin and mode changes.
{% include components/theme-customizer.html %}
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.
{% for color in site.theme_color %}
{% endfor %}
Theme Configuration YAML
Loading...