glaze/docs.config.ts at main · tenphi/glaze · 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
import { defineDocsConfig } from '@tenphi/cookbook/config';
import glazePackage from './package.json' with { type: 'json' };

export default defineDocsConfig({
  site: {
    title: 'Glaze',
    version: glazePackage.version,
    description: 'OKHST color themes with WCAG and APCA contrast solving.',
    url: 'https://glaze.tenphi.me',
    repository: 'https://github.com/tenphi/glaze',
    logo: './assets/glaze.svg',
    favicon: {
      source: './assets/glaze.svg',
      background: '#765b7e',
    },
    headerLinks: [
      {
        label: 'Playground',
        link: 'https://glaze.tenphi.me/playground/',
        variant: 'primary',
      },
    ],
  },
  editLink: {
    baseUrl: 'https://github.com/tenphi/glaze/edit/main/',
  },
  lastUpdated: true,
  head: [
    {
      tag: 'script',
      attrs: {
        defer: true,
        src: 'https://umami.tenphi.me/script.js',
        'data-website-id': '98bc5e59-3b06-4570-8eb7-2ee87d6e3bf6',
      },
    },
  ],
  content: {
    sources: [
      {
        id: 'home',
        file: 'docs-site/index.md',
        route: '/',
      },
      { id: 'docs', glob: 'docs/**/*.{md,mdx}', base: 'docs' },
    ],
  },
  navigation: {
    items: [
      '/',
      {
        label: 'Guides',
        items: ['/methodology', '/migration', '/okhst'],
      },
      { label: 'Reference', items: ['/api'] },
    ],
  },
  theme: {
    brand: { from: '#765b7e' },
    styles: {
      Hero: {
        Visual: {
          inlineSize: {
            '': 'min(100%, 19rem)',
            '@mobile': 'clamp(10rem, 45vw, 14rem)',
          },
        },
      },
      /*
        The logo is drawn with a black outer ring, which disappears against the
        dark surface. Trace the circle in white so the silhouette survives.
      */
      SiteLogo: {
        Image: {
          radius: 'round',
          border: {
            '': false,
            '@root(theme=dark)': '1bw solid #white',
          },
        },
      },
    },
  },
});