Styles

The default theme uses SASS as the CSS pre-processor.

Users can customize style variables via a palette file, and add extra styles via a style file.

Palette File

The path of the palette file is .vuepress/styles/palette.scss.

You can make use of it to override predefined SASS variables of the default theme.

Click to expand SASS variables

File not found

Style File

The path of the style file is .vuepress/styles/index.scss.

You can add extra styles here, or override the default styles:

:root {
  scroll-behavior: smooth;
}

You can also make use of it to override predefined CSS variables of the default theme.

Click to expand CSS variables

File not found

Click to expand dark mode CSS variables

File not found