Theme Generator
Enable edit mode to enable a live theme preview. You can browse the entire site while edit mode is enabled. Don't worry, your settings here will below will not be lost. When you are finished, tap the "Reset Theme" button to return to normal.
Importing Your Theme
Copy and paste your theme CSS into /src/theme.postcss, then import it in /src/routes/+layout.svelte.
import '../theme.postcss';Import this before your global stylesheet.
Advanced Color Curation
Looking for deeper customization? We recommend using Palette Generator. This includes support for hue, saturation, and lightness adjustments. Pair this with the Hex-To-RGB extension to convert each Hex color value to RGB in bulk with VS Code.