userstyles/docs/astro.config.mjs at main · Labfox/userstyles · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
import { defineConfig } from "astro/config";
import starlight from "@astrojs/starlight";
import catppuccin from "@catppuccin/starlight";
import starlightLinksValidator from "starlight-links-validator";
import starlightImageZoom from "starlight-image-zoom";
import starlightGitHubAlerts from "starlight-github-alerts";
import mermaid from "astro-mermaid";
import { remarkHeadingId } from "remark-custom-heading-id";

export default defineConfig({
  site: "https://userstyles.catppuccin.com",
  markdown: {
    remarkPlugins: [remarkHeadingId],
  },
  integrations: [
    mermaid(),
    starlight({
      title: "Catppuccin Userstyles",
      favicon: "/favicon.png",
      logo: {
        dark: "/public/pepperjack-dark.png",
        light: "/public/pepperjack-light.png",
      },
      social: [
        {
          icon: "github",
          label: "GitHub",
          href: "https://github.com/catppuccin/userstyles",
        },
      ],
      editLink: {
        baseUrl: "https://github.com/catppuccin/userstyles/edit/main/docs",
      },
      expressiveCode: {
        themes: ["catppuccin-mocha", "catppuccin-latte"],
        styleOverrides: {
          frames: {
            tooltipSuccessBackground: "var(--green)",
            tooltipSuccessForeground: "var(--base)",
          },
          textMarkers: {
            insBackground:
              "color-mix(in oklab, var(--sl-color-green-high) 25%, var(--sl-color-gray-6));",
            insBorderColor: "var(--sl-color-gray-5)",
            delBackground:
              "color-mix(in oklab, var(--sl-color-red-high) 25%, var(--sl-color-gray-6));",
            delBorderColor: "var(--sl-color-gray-5)",
          },
          codeBackground: "var(--sl-color-gray-6)",
        },
      },
      sidebar: [
        {
          label: "Getting started",
          autogenerate: { directory: "getting-started" },
        },
        {
          label: "Contributing",
          collapsed: true,
          items: [
            "contributing",
            "contributing/creating-userstyles",
            "contributing/userstylesyml",
            {
              label: "How can I theme ...?",
              autogenerate: { directory: "contributing/guides" },
            },
            {
              label: "Tutorials",
              autogenerate: { directory: "contributing/tutorials" },
            },
            {
              label: "Tips and Tricks",
              autogenerate: { directory: "contributing/tips-and-tricks" },
            },
            "contributing/standard-library",
            "contributing/library-modules",
          ],
        },
        {
          label: "Reference",
          autogenerate: { directory: "reference" },
        },
      ],
      plugins: [
        catppuccin(),
        starlightLinksValidator(),
        starlightGitHubAlerts(),
        starlightImageZoom(),
      ],
    }),
  ],
});