vuepress-theme-solarized

The Solarized theme for Vuepress

Features

• Customizable typography: Import and use your favorite web-fonts. Customize font sizes and text-adjustment for body text
• Dark and light themes: With a theme-switcher and native theme detection to set the theme automatically as per the user preference

Get Started

Add the dependency to your existing Vuepress project via Yarn or NPM.

yarn add -D vuepress-theme-solarized
npm install -D vuepress-theme-solarized

Update .vuepress/config.js as follows.

module.exports = {
	theme: 'vuepress-theme-solarized',
	globalUIComponents: ['ThemeManager'],
};

ThemeManager provides theme-switching functionality across the app.

Note that you can also use the shorthand name for the theme.

module.exports = {
	theme: 'solarized',
	globalUIComponents: ['ThemeManager'],
};

Plugins

This theme has the following plugins built in:

• @vuepress/plugin-active-header-links
• @vuepress/plugin-google-analytics
• @vuepress/plugin-search