docs/vocs.config.ts 8.4 K raw
1
import { defineConfig } from 'vocs'
2
3
export default defineConfig({
4
  title: 'Andromeda',
5
  iconUrl: "/icon.png",
6
  ogImageUrl: "/og.png",
7
  markdown: {
8
    code: {
9
      themes: {
10
        light: "github-light-default",
11
        dark: "github-dark-default",
12
      },
13
    },
14
  },
15
  socials: [
16
    {
17
      icon: "github",
18
      link: "https://github.com/stevedylandev/andromeda",
19
    }
20
  ],
21
  aiCta: false,
22
  sidebar: [
23
    {
24
      text: 'Intro',
25
      items: [
26
        {
27
          text: 'Quickstart',
28
          link: '/quickstart',
29
        },
30
        {
31
          text: 'What is Andromeda',
32
          link: '/what-is-andromeda',
33
        },
34
        {
35
          text: 'Deploying with Railway',
36
          link: '/deploy-railway',
37
        },
38
      ],
39
    },
40
    {
41
      text: 'Apps',
42
      items: [
43
        {
44
          text: 'Blobs',
45
          link: '/apps/blobs',
46
        },
47
        {
48
          text: 'Bookmarks',
49
          link: '/apps/bookmarks',
50
        },
51
        {
52
          text: 'Cellar',
53
          link: '/apps/cellar',
54
        },
55
        {
56
          text: 'Easel',
57
          link: '/apps/easel',
58
        },
59
        {
60
          text: 'Feeds',
61
          link: '/apps/feeds',
62
        },
63
        {
64
          text: 'Jotts',
65
          link: '/apps/jotts',
66
        },
67
        {
68
          text: 'Kepler',
69
          link: '/apps/kepler',
70
        },
71
        {
72
          text: 'Library',
73
          link: '/apps/library',
74
        },
75
        {
76
          text: 'OG',
77
          link: '/apps/og',
78
        },
79
        {
80
          text: 'Posts',
81
          link: '/apps/posts',
82
        },
83
        {
84
          text: 'Shrink',
85
          link: '/apps/shrink',
86
        },
87
        {
88
          text: 'Sipp',
89
          link: '/apps/sipp',
90
        },
91
      ],
92
    },
93
    {
94
      text: 'DIY',
95
      items: [
96
        {
97
          text: 'Stack',
98
          link: '/diy/stack',
99
        },
100
        {
101
          text: 'Skills',
102
          link: '/diy/skills',
103
        },
104
      ],
105
    },
106
  ],
107
    theme: {
108
    colorScheme: "dark",
109
    accentColor: "#ffffff",
110
    variables: {
111
      borderRadius: {
112
        '0': '0px',
113
        '2': '0px',
114
        '4': '0px',
115
        '8': '0px',
116
      },
117
      color: {
118
        white: { light: '#ffffff', dark: '#ffffff' },
119
        black: { light: '#121113', dark: '#121113' },
120
        background: { light: '#121113', dark: '#121113' },
121
        background2: { light: '#121113', dark: '#121113' },
122
        background3: { light: '#1e1c1f', dark: '#1e1c1f' },
123
        background4: { light: '#1e1c1f', dark: '#1e1c1f' },
124
        background5: { light: '#1e1c1f', dark: '#1e1c1f' },
125
        backgroundAccent: { light: '#ffffff', dark: '#ffffff' },
126
        backgroundAccentHover: { light: '#ffffff', dark: '#ffffff' },
127
        backgroundAccentText: { light: '#121113', dark: '#121113' },
128
        backgroundBlueTint: { light: '#1e1c1f', dark: '#1e1c1f' },
129
        backgroundDark: { light: '#121113', dark: '#121113' },
130
        backgroundGreenTint: { light: '#1e1c1f', dark: '#1e1c1f' },
131
        backgroundGreenTint2: { light: '#1e1c1f', dark: '#1e1c1f' },
132
        backgroundIrisTint: { light: '#1e1c1f', dark: '#1e1c1f' },
133
        backgroundRedTint: { light: '#1e1c1f', dark: '#1e1c1f' },
134
        backgroundRedTint2: { light: '#1e1c1f', dark: '#1e1c1f' },
135
        backgroundYellowTint: { light: '#1e1c1f', dark: '#1e1c1f' },
136
        border: { light: '#333', dark: '#333' },
137
        border2: { light: '#555', dark: '#555' },
138
        borderAccent: { light: '#ffffff', dark: '#ffffff' },
139
        borderBlue: { light: '#555', dark: '#555' },
140
        borderGreen: { light: '#555', dark: '#555' },
141
        borderIris: { light: '#555', dark: '#555' },
142
        borderRed: { light: '#555', dark: '#555' },
143
        borderYellow: { light: '#555', dark: '#555' },
144
        heading: { light: '#ffffff', dark: '#ffffff' },
145
        shadow: { light: 'transparent', dark: 'transparent' },
146
        text: { light: '#ffffff', dark: '#ffffff' },
147
        text2: { light: 'rgba(255,255,255,0.7)', dark: 'rgba(255,255,255,0.7)' },
148
        text3: { light: 'rgba(255,255,255,0.5)', dark: 'rgba(255,255,255,0.5)' },
149
        text4: { light: 'rgba(255,255,255,0.3)', dark: 'rgba(255,255,255,0.3)' },
150
        textAccent: { light: '#ffffff', dark: '#ffffff' },
151
        textAccentHover: { light: 'rgba(255,255,255,0.7)', dark: 'rgba(255,255,255,0.7)' },
152
        textBlue: { light: '#ffffff', dark: '#ffffff' },
153
        textBlueHover: { light: 'rgba(255,255,255,0.7)', dark: 'rgba(255,255,255,0.7)' },
154
        textGreen: { light: '#ffffff', dark: '#ffffff' },
155
        textGreenHover: { light: 'rgba(255,255,255,0.7)', dark: 'rgba(255,255,255,0.7)' },
156
        textIris: { light: '#ffffff', dark: '#ffffff' },
157
        textIrisHover: { light: 'rgba(255,255,255,0.7)', dark: 'rgba(255,255,255,0.7)' },
158
        textRed: { light: '#ffffff', dark: '#ffffff' },
159
        textRedHover: { light: 'rgba(255,255,255,0.7)', dark: 'rgba(255,255,255,0.7)' },
160
        textYellow: { light: '#ffffff', dark: '#ffffff' },
161
        textYellowHover: { light: 'rgba(255,255,255,0.7)', dark: 'rgba(255,255,255,0.7)' },
162
163
        blockquoteBorder: { light: '#555', dark: '#555' },
164
        blockquoteText: { light: 'rgba(255,255,255,0.7)', dark: 'rgba(255,255,255,0.7)' },
165
        codeBlockBackground: { light: '#1e1c1f', dark: '#1e1c1f' },
166
        codeCharacterHighlightBackground: { light: '#333', dark: '#333' },
167
        codeHighlightBackground: { light: '#1e1c1f', dark: '#1e1c1f' },
168
        codeHighlightBorder: { light: '#333', dark: '#333' },
169
        codeInlineBackground: { light: '#1e1c1f', dark: '#1e1c1f' },
170
        codeInlineBorder: { light: '#333', dark: '#333' },
171
        codeInlineText: { light: '#ffffff', dark: '#ffffff' },
172
        codeTitleBackground: { light: '#1e1c1f', dark: '#1e1c1f' },
173
        dangerBackground: { light: '#1e1c1f', dark: '#1e1c1f' },
174
        dangerBorder: { light: '#ffffff', dark: '#ffffff' },
175
        dangerText: { light: 'rgba(255,255,255,0.8)', dark: 'rgba(255,255,255,0.8)' },
176
        dangerTextHover: { light: '#ffffff', dark: '#ffffff' },
177
        hr: { light: '#333', dark: '#333' },
178
        infoBackground: { light: '#1e1c1f', dark: '#1e1c1f' },
179
        infoBorder: { light: '#555', dark: '#555' },
180
        infoText: { light: 'rgba(255,255,255,0.7)', dark: 'rgba(255,255,255,0.7)' },
181
        infoTextHover: { light: '#ffffff', dark: '#ffffff' },
182
        lineNumber: { light: 'rgba(255,255,255,0.3)', dark: 'rgba(255,255,255,0.3)' },
183
        link: { light: '#ffffff', dark: '#ffffff' },
184
        linkHover: { light: 'rgba(255,255,255,0.7)', dark: 'rgba(255,255,255,0.7)' },
185
        noteBackground: { light: '#1e1c1f', dark: '#1e1c1f' },
186
        noteBorder: { light: '#555', dark: '#555' },
187
        noteText: { light: 'rgba(255,255,255,0.7)', dark: 'rgba(255,255,255,0.7)' },
188
        successBackground: { light: '#1e1c1f', dark: '#1e1c1f' },
189
        successBorder: { light: '#555', dark: '#555' },
190
        successText: { light: 'rgba(255,255,255,0.7)', dark: 'rgba(255,255,255,0.7)' },
191
        successTextHover: { light: '#ffffff', dark: '#ffffff' },
192
        tableBorder: { light: '#333', dark: '#333' },
193
        tableHeaderBackground: { light: '#1e1c1f', dark: '#1e1c1f' },
194
        tableHeaderText: { light: 'rgba(255,255,255,0.5)', dark: 'rgba(255,255,255,0.5)' },
195
        tipBackground: { light: '#1e1c1f', dark: '#1e1c1f' },
196
        tipBorder: { light: '#555', dark: '#555' },
197
        tipText: { light: 'rgba(255,255,255,0.7)', dark: 'rgba(255,255,255,0.7)' },
198
        tipTextHover: { light: '#ffffff', dark: '#ffffff' },
199
        warningBackground: { light: '#1e1c1f', dark: '#1e1c1f' },
200
        warningBorder: { light: '#555', dark: '#555' },
201
        warningText: { light: 'rgba(255,255,255,0.7)', dark: 'rgba(255,255,255,0.7)' },
202
        warningTextHover: { light: '#ffffff', dark: '#ffffff' },
203
      },
204
      content: {
205
        horizontalPadding: '1rem',
206
        verticalPadding: '2rem',
207
        width: '700px',
208
      },
209
      fontFamily: {
210
        default: '"Commit Mono", monospace, sans-serif',
211
        mono: '"Commit Mono", monospace',
212
      },
213
      fontSize: {
214
        root: '14px',
215
        h1: '18px',
216
        h2: '16px',
217
        h3: '15px',
218
        h4: '14px',
219
        h5: '14px',
220
        h6: '14px',
221
        code: '13px',
222
        codeBlock: '13px',
223
        lineNumber: '12px',
224
        subtitle: '14px',
225
        th: '12px',
226
        td: '14px',
227
      },
228
      fontWeight: {
229
        regular: '400',
230
        medium: '400',
231
        semibold: '700',
232
      },
233
      lineHeight: {
234
        code: '1.6',
235
        heading: '1.4',
236
        listItem: '1.6',
237
        outlineItem: '1.6',
238
        paragraph: '1.6',
239
      },
240
    },
241
  },
242
})