vuepress-plugin-sass-palette

A common palette plugin for vuepress themes and plugins

Usage no npm install needed!

<script type="module">
  import vuepressPluginSassPalette from 'https://cdn.skypack.dev/vuepress-plugin-sass-palette';
</script>

README

vuepress-plugin-sass-palette

VuePress style config plugin 📡 / VuePress 样式配置插件 📡

Version Downloads Size

VuePress palette plugin 📡 / VuePress 样式配置插件 📡

Official Docs | 官方文档

Install

npm i -D vuepress-plugin-sass-palette

or

yarn add -D vuepress-plugin-sass-palette

Usage

Options:

export interface PaletteOptions {
  /** identifier for palette */
  id: string;

  /**
   * user config file path, relative to source dir
   *
   * @default ".vuepress/styles/config.scss"
   */
  config?: string;

  /**
   * default config file path, should be absolute path
   *
   * This is the file you should use to provide default values with `!default`
   *
   * @default "vuepress-plugin-sass-palette/styles/default/config.scss"
   */
  defaultConfig?: string;

  /**
   * user palette file path, relative to source dir
   *
   * @default ".vuepress/styles/palette.scss"
   */
  palette?: string;

  /**
   * default palette file path, should be absolute path
   *
   * This is the file you should use to provide default values with `!default`
   *
   * @default "vuepress-plugin-sass-palette/styles/default/palette.scss"
   */

  defaultPalette?: string;

  /**
   * user style file path, relative to source dir
   *
   * @default ".vuepress/styles/palette.scss"
   */
  style?: string;
}

安装

npm i -D vuepress-plugin-sass-palette

yarn add -D vuepress-plugin-sass-palette

选项

export interface PaletteOptions {
  /**
   * 调色板的唯一 ID,用于避免重复注册
   */
  id: string;

  /**
   * 用户配置文件路径,相对于源文件夹
   *
   * @default ".vuepress/styles/config.scss"
   */
  config?: string;

  /**
   * 默认的配置文件路径,应为绝对路径
   *
   * 这是你应该通过 `!default` 来提供默认变量的文件
   *
   * @default "vuepress-plugin-sass-palette/styles/default/config.scss"
   */
  defaultConfig?: string;

  /**
   * 用户的调色板文件路径,相对于源文件夹
   *
   * @default ".vuepress/styles/palette.scss"
   */
  palette?: string;

  /**
   * 默认的调色板文件路径,应为绝对路径
   *
   * 这是你应该通过 `!default` 来提供默认调色板值的文件
   *
   * @default "vuepress-plugin-sass-palette/styles/default/palette.scss"
   */

  defaultPalette?: string;

  /**
   * 用户的样式文件路径,相对于源文件夹
   *
   * @default ".vuepress/styles/palette.scss"
   */
  style?: string;
}