Цвет темы

Меньше 1 минуты

Тема позволяет вам настроить цвет темы и даже предоставить средство выбора.

Настройка цвета темы по умолчанию

Вы должны установить цвет темы вашего сайта по умолчанию в .vuepress/styles/palette.scss:

$theme-color: #f00;

Палитра цветов темы

Вам нужно установить themeColor с форматом { colorName1: colorValue1, colorName2: colorValue2, ... }:

Первый цвет — это цвет темы по умолчанию выше.

Пример

// .vuepress/config.ts
import { defineUserConfig } from "vuepress";
import { hopeTheme } from "vuepress-theme-hope";

export default defineUserConfig({
  theme: hopeTheme({
    themeColor: {
      blue: "#2196f3",
      red: "#f26d6d",
      green: "#3eaf7c",
      orange: "#fb9b5f",
    },
  }),
});

// .vuepress/config.ts
import { defineUserConfig } from "vuepress";
import { hopeTheme } from "vuepress-theme-hope";

export default defineUserConfig({
  theme: hopeTheme({
    themeColor: {
      blue: "#2196f3",
      red: "#f26d6d",
      green: "#3eaf7c",
      orange: "#fb9b5f",
    },
  }),
});