/* /docs only: the thin design-system skin over Swagger UI's own two themes. * * Injected through @fastify/swagger-ui's `theme.css` option (src/index.ts) and * served at /docs/static/theme/, so the site pages never download it. This is * deliberately NOT a re-theme of Swagger UI: the bundled build ships a complete * native dark palette (`html.dark-mode …`, applied by swagger-theme.js under * the site's theme contract), and re-painting its components token by token is * the fork the 2026-08-24 UX review told us not to own. What this file does is * pin the few surfaces where the stock values sit visibly OFF the brand next * to every other page of the site: * * - the page ground: stock #fafafa / #1c2022 become the B-light paper * (#f7f6f2) and the B-dark canvas (#0b0f0e) — the same values * theme-b.css sets for --bg, which /developers, the hub the topbar logo * links back to, is painted in; * - `color-scheme`, so scrollbars and form controls follow the side the * page is actually on (the lesson recorded at the top of styles.css); * - links in the spec's own prose, which stock renders in two different * blues: the brand teal instead (--accent: #0f766e light / #2dd4bf dark, * both AA on their grounds — 5.1:1 and 10.4:1, measured for theme-b.css). * * VALUES ARE LITERAL, copied from the Proposta B token blocks in theme-b.css, * for the same reason status/status.css copies them: this page loads neither * styles.css nor theme-b.css, and importing 99KB of site stylesheet to resolve * five var()s would be the wrong trade. Drift risk is accepted and small — a * rebrand recolours two files instead of one. * * NO DUPLICATED DARK BLOCKS, unlike styles.css: `html.dark-mode` is stamped by * swagger-theme.js as the RESOLVED preference (stored "tl-theme" first — an * absent key resolving to the brand's dark default, per Proposta B — then * prefers-color-scheme for the explicit "Auto"), so the class is the single * dark selector this file needs. A visitor with JavaScript off sees the stock * light explorer — the explorer is a React app and serves them nothing * anyway. */ html { color-scheme: light; } body { /* Stock #fafafa; the B-light cool paper, so /docs stops being the one grey * page. */ background: #f7f6f2; } .swagger-ui .info a, .swagger-ui .markdown a, .swagger-ui .renderedMarkdown a { color: #0f766e; } html.dark-mode { color-scheme: dark; } /* Swagger's dark ground is #1c2022 on and .swagger-ui, but the BODY * keeps index.css's #fafafa — invisible while content covers it, a light * flash on overscroll and short pages. One surface, three elements. */ html.dark-mode, html.dark-mode body, html.dark-mode .swagger-ui { background: #0b0f0e; } html.dark-mode .swagger-ui .info a, html.dark-mode .swagger-ui .markdown a, html.dark-mode .swagger-ui .renderedMarkdown a { color: #2dd4bf; }