中文 | English

Vitepress Color

适用于 Vitepress 颜色预览插件

特性

原生主题

演示组件整体外观继承自原生极简主义风格

多种能力

支持跟随系统，明亮模式，黑暗模式，点击复制

安装

终端 npm

npm i @vitepress-util/color -D

配置 .vitepress/config.mts

import { defineConfig } from "vitepress";
import { colorVitePlugin } from "@vitepress-util/color";

export default defineConfig({
  // 其它配置...
  vite: {
    plugins: [colorVitePlugin()],
  },
});

用法

基本格式

• [#000]

• [#000000]

• [#00000000]

• [rgb(0, 0, 0)]

• [rgba(0, 0, 0, 0)]

• [hsl(0, 0, 0)]

• [hsla(0, 0, 0, 0)]

附加参数

• [#000000:light]

• [#000000:light-x-thick]

• [#000000:light-thick]

• [#000000:light-medium]

• [#000000:light-thin]

• [#000000:light-x-thin]

• [#FFFFFF:dark]

• [#FFFFFF:dark-x-thick]

• [#FFFFFF:dark-thick]

• [#FFFFFF:dark-medium]

• [#FFFFFF:dark-thin]

• [#FFFFFF:dark-x-thin]

许可

MIT

Copyright (c) 2023 - present Crystal Platform