type GiscusTheme =
  | "light"
  | "light_high_contrast"
  | "light_protanopia"
  | "dark"
  | "dark_high_contrast"
  | "dark_protanopia"
  | "dark_dimmed"
  | "transparent_dark"
  | "preferred_color_scheme"
  | `https://${string}`;

Default: "light"

Giscus theme used in lightmode

Should be a built-in theme keyword or a css link starting with https://.

darkTheme

Type: GiscusTheme

type GiscusTheme =
  | "light"
  | "light_high_contrast"
  | "light_protanopia"
  | "dark"
  | "dark_high_contrast"
  | "dark_protanopia"
  | "dark_dimmed"
  | "transparent_dark"
  | "preferred_color_scheme"
  | `https://${string}`;

Default: "dark"

Giscus theme used in darkmode

Should be a built-in theme keyword or a css link starting with https://.

Plugin Config

You can directly configure serializable options in the plugin options:

import { defineUserConfig } from "vuepress";
import { commentPlugin } from "vuepress-plugin-comment2";

export default defineUserConfig({
  plugins: [
    commentPlugin({
      provider: "GIscus",
      // other options
      // ...
    }),
  ],
});

Client Config

You can use the defineGIscusConfig function to customize GIscus:

import { defineClientConfig } from "vuepress/client";
import { defineGIscusConfig } from "vuepress-plugin-comment2/client";

defineGIscusConfig({
  // GIscus config
});

export default defineClientConfig({
  // ...
});