Circuit-Forge/turnstone
5
0
Fork 0
Code Issues 11 Pull requests 1 Projects Releases 6 Packages Wiki Activity Actions

fix: reset browser UA button chrome for dark mode

Browse source 
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.
This commit is contained in:
pyr0ball 2026-06-05 09:55:08 -07:00
parent 93975dcc0c
commit 1de156ebde
2 changed files with 8 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/rest.py
View file

@ -187,7 +187,7 @@ async def _lifespan(app: FastAPI):
pass 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( app.add_middleware(
CORSMiddleware, CORSMiddleware,

7
web/src/style/theme.css
View file

@ -46,6 +46,13 @@
--badge-critical-bg: #450a0a; --badge-critical-text: #f87171; --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 */ /* Smooth theme transitions */
@media (prefers-reduced-motion: no-preference) { @media (prefers-reduced-motion: no-preference) {
*, *::before, *::after { *, *::before, *::after {