Theme Generator

Add your custom theme to /src/theme.postcss, then import this file into /src/routes/+layout.svelte.

typescript 
import '../theme.postcss'; // <--
import '../app.postcss';
50
100
200
300
400
500
600
700
800
900
50
100
200
300
400
500
600
700
800
900
50
100
200
300
400
500
600
700
800
900
50
100
200
300
400
500
600
700
800
900
50
100
200
300
400
500
600
700
800
900
Settings

Advanced Color Curation

We recommend Palette Generator to curate a custom theme. 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.