docs(site): improve UI, add catppuccin theme, fix MDX bugs

2026-07-27 23:27:09 -04:00
parent 2b9b8e495c
commit 1972ea5bb9
27 changed files with 547 additions and 530 deletions
@@ -1,153 +0,0 @@
-/* Catppuccin Mocha (dark) / Latte (light) mapped onto Starlight tokens. */
-:root {
-  --ctp-rosewater: #f5e0dc;
-  --ctp-pink: #f5c2e7;
-  --ctp-mauve: #cba6f7;
-  --ctp-red: #f38ba8;
-  --ctp-peach: #fab387;
-  --ctp-yellow: #f9e2af;
-  --ctp-green: #a6e3a1;
-  --ctp-teal: #94e2d5;
-  --ctp-sky: #89dceb;
-  --ctp-blue: #89b4fa;
-  --ctp-lavender: #b4befe;
-  --ctp-surface: #313244;
-
-  --sl-color-accent-low: #1e1e2e;
-  --sl-color-accent: #89b4fa;
-  --sl-color-accent-high: #b4befe;
-  --sl-color-white: #cdd6f4;
-  --sl-color-gray-1: #bac2de;
-  --sl-color-gray-2: #a6adc8;
-  --sl-color-gray-3: #7f849c;
-  --sl-color-gray-4: #585b70;
-  --sl-color-gray-5: #45475a;
-  --sl-color-gray-6: #313244;
-  --sl-color-black: #181825;
-}
-
-:root[data-theme='light'] {
-  --ctp-rosewater: #dc8a78;
-  --ctp-pink: #ea76cb;
-  --ctp-mauve: #8839ef;
-  --ctp-red: #d20f39;
-  --ctp-peach: #fe640b;
-  --ctp-yellow: #df8e1d;
-  --ctp-green: #40a02b;
-  --ctp-teal: #179299;
-  --ctp-sky: #04a5e5;
-  --ctp-blue: #1e66f5;
-  --ctp-lavender: #7287fd;
-  --ctp-surface: #ccd0da;
-
-  --sl-color-accent-low: #dce0e8;
-  --sl-color-accent: #1e66f5;
-  --sl-color-accent-high: #7287fd;
-  --sl-color-white: #4c4f69;
-  --sl-color-gray-1: #5c5f77;
-  --sl-color-gray-2: #6c6f85;
-  --sl-color-gray-3: #7c7f93;
-  --sl-color-gray-4: #9ca0b0;
-  --sl-color-gray-5: #bcc0cc;
-  --sl-color-gray-6: #ccd0da;
-  --sl-color-black: #eff1f5;
-}
-
-/* ── Headings ──────────────────────────────────────────────────────── */
-/* The manual is one long reference; tinting each level makes the
-   hierarchy scannable without relying on size alone. */
-.sl-markdown-content h1 {
-  color: var(--ctp-lavender);
-}
-
-.sl-markdown-content h2 {
-  color: var(--ctp-green);
-  border-bottom: 1px solid var(--sl-color-gray-5);
-  padding-bottom: 0.2em;
-}
-
-.sl-markdown-content h3 {
-  color: var(--ctp-blue);
-}
-
-.sl-markdown-content h4 {
-  color: var(--ctp-teal);
-}
-
-/* ── Inline code ───────────────────────────────────────────────────── */
-/* Function names, variables, and flags appear inline constantly; peach
-   separates them from prose the way the fenced blocks separate examples. */
-.sl-markdown-content :not(pre) > code {
-  color: var(--ctp-peach);
-  background: var(--ctp-surface);
-  border: 1px solid var(--sl-color-gray-5);
-  border-radius: 0.3em;
-  padding: 0.1em 0.35em;
-}
-
-.sl-markdown-content a > code {
-  color: var(--ctp-sky);
-}
-
-/* ── Links ─────────────────────────────────────────────────────────── */
-.sl-markdown-content a:not(:where(.not-content *)) {
-  color: var(--ctp-sky);
-  text-decoration-color: var(--sl-color-gray-4);
-}
-
-.sl-markdown-content a:not(:where(.not-content *)):hover {
-  color: var(--ctp-teal);
-  text-decoration-color: currentColor;
-}
-
-.sl-link-button.primary {
-  color: var(--sl-color-black) !important;
-}
-
-
-/* ── Cards ─────────────────────────────────────────────────────────── */
-/* Each function category is a grid of LinkCards; a hover accent makes the
-   grid feel navigable rather than like a wall of boxes. */
-.card {
-  border-color: var(--sl-color-gray-5);
-  transition:
-    border-color 150ms ease,
-    transform 150ms ease;
-}
-
-.card:hover {
-  border-color: var(--ctp-green);
-  transform: translateY(-2px);
-}
-
-.card .title {
-  color: var(--ctp-lavender);
-}
-
-/* ── Asides ────────────────────────────────────────────────────────── */
-.starlight-aside--note {
-  --sl-color-asides-text-accent: var(--ctp-blue);
-}
-
-.starlight-aside--tip {
-  --sl-color-asides-text-accent: var(--ctp-mauve);
-}
-
-.starlight-aside--caution {
-  --sl-color-asides-text-accent: var(--ctp-yellow);
-}
-
-.starlight-aside--danger {
-  --sl-color-asides-text-accent: var(--ctp-red);
-}
-
-/* ── Site chrome ───────────────────────────────────────────────────── */
-.site-title {
-  color: var(--ctp-green);
-}
-
-/* Table headers carry the accent so the many reference tables in the
-   manual read as structured data at a glance. */
-.sl-markdown-content th {
-  color: var(--ctp-yellow);
-}