From 42a0f82fc1ef46e2ead32bcee62c05f3a2ebc4b5 Mon Sep 17 00:00:00 2001 From: pyr0ball Date: Fri, 5 Jun 2026 09:55:08 -0700 Subject: [PATCH] fix: reset browser UA button chrome for dark mode MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit HTML buttons get a ~#efefef background and 2px outset border from the browser UA stylesheet. In light mode these blend in; in dark mode they render as stark white boxes. Adding a global button reset in theme.css clears the UA defaults — explicit bg-* utility classes still win. Affects: theme toggle, hamburger nav button, dashboard diagnose buttons, and all other icon/text buttons that had no explicit bg class. Bumps version to 0.6.2. --- app/rest.py | 2 +- web/src/style/theme.css | 7 +++++++ 2 files changed, 8 insertions(+), 1 deletion(-) diff --git a/app/rest.py b/app/rest.py index 02396dc..9efe9df 100644 --- a/app/rest.py +++ b/app/rest.py @@ -187,7 +187,7 @@ async def _lifespan(app: FastAPI): pass -app = FastAPI(title="Turnstone API", version="0.6.1", docs_url="/turnstone/docs", redoc_url=None, lifespan=_lifespan) +app = FastAPI(title="Turnstone API", version="0.6.2", docs_url="/turnstone/docs", redoc_url=None, lifespan=_lifespan) app.add_middleware( CORSMiddleware, diff --git a/web/src/style/theme.css b/web/src/style/theme.css index c7e3209..c29e315 100644 --- a/web/src/style/theme.css +++ b/web/src/style/theme.css @@ -46,6 +46,13 @@ --badge-critical-bg: #450a0a; --badge-critical-text: #f87171; } +/* Reset UA button chrome — utility classes with higher specificity will override */ +button { + background: transparent; + border: 0; + cursor: pointer; +} + /* Smooth theme transitions */ @media (prefers-reduced-motion: no-preference) { *, *::before, *::after {