plot-sdk-docs/theme.config.tsx at main · plot-ws/plot-sdk-docs · 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
import React from 'react';
import type { DocsThemeConfig } from 'nextra-theme-docs';

const Mark = () => (
  <svg width="22" height="22" viewBox="0 0 36 36" aria-hidden style={{ borderRadius: 3 }}>
    <rect x="0" y="0" width="36" height="12" fill="#FF5B63" />
    <rect x="0" y="12" width="36" height="12" fill="#42C46B" />
    <rect x="0" y="24" width="36" height="12" fill="#4D8DFF" />
  </svg>
);

const config: DocsThemeConfig = {
  logo: (
    <span style={{ display: 'flex', alignItems: 'center', gap: 8, fontWeight: 600 }}>
      <Mark />
      Plot SDKs
    </span>
  ),
  project: { link: 'https://github.com/plot-ws' },
  chat: { link: 'https://discord.gg/plot' },
  docsRepositoryBase: 'https://github.com/plot-ws/plot-sdk-docs/tree/main',
  footer: {
    text: (
      <span>
        MIT · <a href="https://plot.ws" target="_blank" rel="noreferrer">plot.ws</a> ·{' '}
        <a href="https://docs.plot.ws" target="_blank" rel="noreferrer">Full docs</a>
      </span>
    ),
  },
  head: (
    <>
      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
      <meta name="description" content="Engine SDK docs for Plot — the cheap, fast, indie-friendly multiplayer backend on Cloudflare." />
      <link rel="icon" type="image/svg+xml" href="https://cdn.plot.ws/favicon/favicon.svg" />
      <link rel="icon" type="image/png" sizes="32x32" href="https://cdn.plot.ws/favicon/favicon-32.png" />
      <meta property="og:title" content="Plot engine SDKs" />
      <meta property="og:image" content="https://cdn.plot.ws/social/og-image.png" />
    </>
  ),
  primaryHue: 222,
  primarySaturation: 100,
  sidebar: { defaultMenuCollapseLevel: 1 },
  navigation: true,
};

export default config;