pr_01m47d15m3e54sn21z27rpy5n9/apps/docs/src/styles/g1t.css

58 lines1,543 bytesCodeBlame
1/* Starlight's names for the shared g1t tokens. The docs are dark, like the site. */
2:root,
3:root[data-theme='light'] {
4 --sl-font: var(--g1t-font-sans);
5 --sl-font-mono: var(--g1t-font-mono);
6
7 --sl-color-accent-low: var(--g1t-accent-low);
8 --sl-color-accent: var(--g1t-accent-dim);
9 --sl-color-accent-high: var(--g1t-accent);
10
11 --sl-color-white: var(--g1t-fg);
12 --sl-color-gray-1: var(--g1t-fg-soft);
13 --sl-color-gray-2: var(--g1t-fg-soft);
14 --sl-color-gray-3: var(--g1t-muted);
15 --sl-color-gray-4: var(--g1t-faint);
16 --sl-color-gray-5: var(--g1t-line);
17 --sl-color-gray-6: var(--g1t-surface);
18 --sl-color-gray-7: var(--g1t-surface);
19 --sl-color-black: var(--g1t-bg);
20
21 --sl-color-bg: var(--g1t-bg);
22 --sl-color-bg-nav: var(--g1t-surface);
23 --sl-color-bg-sidebar: var(--g1t-bg);
24 --sl-color-hairline: var(--g1t-line);
25 --sl-color-hairline-light: var(--g1t-line);
26 --sl-color-hairline-shade: var(--g1t-surface);
27 --sl-color-text: var(--g1t-fg-soft);
28 --sl-color-text-accent: var(--g1t-accent);
29 --sl-color-text-invert: var(--g1t-bg);
30 --sl-color-bg-inline-code: var(--g1t-raised);
31
32 color-scheme: dark;
33}
34
35/* There is one theme, so the switcher has nothing to switch. */
36starlight-theme-select {
37 display: none;
38}
39
40.sl-markdown-content :is(h1, h2, h3) {
41 letter-spacing: -0.02em;
42}
43
44.hero h1 {
45 letter-spacing: -0.035em;
46}
47
48.sl-link-button.primary {
49 background: var(--g1t-accent);
50 border-color: var(--g1t-accent);
51 color: var(--g1t-bg);
52}
53
54.card {
55 background: var(--g1t-surface);
56 border-color: var(--g1t-line);
57 border-radius: 0.75rem;
58}