Skip to main content

Theme Color

Less than 1 minuteInterfaceInterfaceTheme Color

The theme allows you to customize theme color and even provide a picker.

Setting Default Theme Color

You should set the default theme color of your site in .vuepress/styles/palette.scss through $theme-color:

$theme-color: #f00;

Theme Color Picker

Top use it, set a list of theme colors you want to use in .vuepress/styles/config.scss with $theme-colors:

$theme-colors: #2196f3, #f26d6d, #3eaf7c, #fb9b5f;


The default theme color above will always be the first one in picker.

Try it