From 286c96c9038b96ed5eedac5773a4a59fb5065892 Mon Sep 17 00:00:00 2001 From: omer-topal Date: Tue, 31 Mar 2026 20:07:04 +0300 Subject: [PATCH 01/12] docs: css update --- docs/custom.css | 338 ++++++++++++++++++++++++++++++++++++++++++++ docs/favicon.png | Bin 0 -> 1218 bytes docs/logo/dark.svg | 56 +------- docs/logo/light.svg | 56 +------- docs/mint.json | 37 +++-- 5 files changed, 367 insertions(+), 120 deletions(-) create mode 100644 docs/custom.css create mode 100644 docs/favicon.png diff --git a/docs/custom.css b/docs/custom.css new file mode 100644 index 000000000..3a39efb1b --- /dev/null +++ b/docs/custom.css @@ -0,0 +1,338 @@ +/* ========================================================================== + FusionAuth Theme Approximation for Mintlify + Colors: Orange #F58320, Slate-800 #1e293b, Background #F1F5F9 + Font: Inter variable — full weight range 100–900 + ========================================================================== */ + +/* Load Inter with all weights so nothing gets browser-synthesised */ +@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap'); + +/* Apply Inter everywhere — overrides Mintlify's default stack */ +*, *::before, *::after { + font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif !important; +} + +/* Code blocks stay monospace */ +pre, code, kbd, samp, tt { + font-family: 'JetBrains Mono', 'Fira Code', 'Menlo', 'Monaco', 'Consolas', monospace !important; +} + +/* ---------- Root color overrides ---------- */ +:root { + --fa-orange: #F58320; + --fa-orange-light: #fb923c; + --fa-orange-dark: #ea580c; + --fa-slate-800: #1e293b; + --fa-slate-700: #334155; + --fa-slate-100: #F1F5F9; + --fa-slate-200: #E2E8F0; +} + +/* ---------- Banner ---------- */ +#banner { + background-color: var(--fa-slate-800) !important; + color: #fff !important; + border-bottom: 2px solid var(--fa-orange) !important; +} + +#banner a { + color: var(--fa-orange-light) !important; + text-decoration: underline !important; +} + +#banner a:hover { + color: #fff !important; +} + +/* ---------- Top navigation bar (dark, like FusionAuth docs) ---------- */ +/* IMPORTANT: Only target #navbar — NOT
or