From cc9456dc0b96fbd9432cab568ec30b97f2108dd1 Mon Sep 17 00:00:00 2001 From: Liam Gray Date: Tue, 7 Jul 2026 23:44:16 +0100 Subject: [PATCH] Prettier scrollbar colours --- src/global.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/src/global.css b/src/global.css index cc4bd24..2705db9 100644 --- a/src/global.css +++ b/src/global.css @@ -92,12 +92,18 @@ html { background-color: rgb(248, 250, 252); background-image: linear-gradient(to bottom right, rgb(248, 250, 252), rgb(239, 246, 255)); min-height: 100%; + + /* Tell the browser to render native UI (scrollbars, form controls) in the matching theme */ + color-scheme: light; + /* Scrollbar colours (thumb, track); keeps overlay scrollbars on iOS/Safari */ + scrollbar-color: rgb(var(--accent-grey-light)) transparent; } @media (prefers-color-scheme: dark) { html { background-color: rgb(15, 23, 42); background-image: linear-gradient(to bottom right, rgb(15, 23, 42), rgb(23, 37, 60)); + color-scheme: dark; } }