Theme Generator

Use the form below to generate a custom Skeleton theme.

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

Importing Your Theme

Copy and paste your theme CSS into /src/theme.postcss, then import it in /src/routes/+layout.svelte.

typescript 
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.