pr_01m47d15m3e54sn21z27rpy5n9/apps/docs/src/styles/g1t.css
Pick any line to see why it is the way it is: the commit, the pull request and issue it came from, and what the agent was thinking.
| Docs as their own app; shared theme package | 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. */ | |
| 36 | starlight-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 | } |