Replaces the half-effective inject.css alone with a comprehensive Grafana-specific stylesheet (assets/css/grafana.css, ~700 lines) targeting Grafana 12's actual DOM via aria roles, data-testid, and the legacy class names that survived the emotion CSS-in-JS migration. Covers: - Self-contained palette (cream / federal navy / amber / teal) - Sidebar (always dark navy w/ amber active stripe) - Top bar, breadcrumbs, tabs (uppercase serif, low contrast) - Panels (cream cards, subtle elevation, hover lift) - Stat panels (Playfair Display number, editorial weight) - Buttons (primary navy, danger fed-red, icon-only minimal) - Inputs / forms (serif body, focus ring, italic placeholder) - Dropdowns / popovers / menus (warm card, lg shadow) - Tables (Federal Register data table — uppercase head, stripe) - Alerts (left-stripe, color-coded background) - Modals / drawers (cream card, navy backdrop blur) - Login page (centered editorial form, "fhirworx" eyebrow) - Explore / query editor / logs panel (mono, log-level stripe) - Time picker / pagination / kbd / tabs / badges Loaded after fhirworx.css base palette via index.html sed-patch. Light theme is the baseline (GF_USERS_DEFAULT_THEME=light). Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
26 KiB
26 KiB