Styling

Add styles to your website.

Vowel allows styling through themes and vanilla CSS.

Themes

Vowel includes a default theme, but you can disable this in your root settings.md file:

theme: none

You also have two other themes available:

reset: A classic CSS reset
typography: A classic CSS reset, plus some basic text styling

CSS

Create an assets/styles.css file for your styling. We recommend using a style framework like Pico or Open Props. You can simply download their stylesheet and either copy-paste it into your own or include it in assets/ and import it into assets/styles.css.

For some inspiration on how to style semantic HTML, check out Swyx's Spark Joy repository.