From 835eb3306ce586b135475dfe853f4e8b6dcfec19 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.net>
Date: Tue, 19 May 2026 01:20:01 +0000
Subject: style(nav): add --base0011-strong for grounded glass on nav surfaces

The existing --base0011 glass tint is #ffffff80 / #0c0c0c80 (50%
alpha), which is unusually transparent for floating UI. The desktop
header and the mobile hamburger sit over scrolling content, so the
content bleeds through and reads as distracting.

Introduces --base0011-strong at #ffffffcc / #0c0c0ccc (80% alpha) for
floating chrome. The backdrop blur still has enough content to soften,
but the surface now reads as grounded rather than barely-present.

Applied to: desktop .header background, mobile toggle background and
hover, mobile open panel background. Other glass cards (CommandPalette
dropdown, Dropdown component content, tooltips, hover covers) keep the
softer --base0011 since they sit over relatively static surfaces and
the see-through effect there is not distracting.
---
 src/styles/colours.css | 2 ++
 1 file changed, 2 insertions(+)

(limited to 'src/styles')

diff --git a/src/styles/colours.css b/src/styles/colours.css
index e7ac3474..694807b4 100644
--- a/src/styles/colours.css
+++ b/src/styles/colours.css
@@ -2,6 +2,7 @@
 	--base00: #f8f8f8;
 	--base001: #ffffff;
 	--base0011: #ffffff80;
+	--base0011-strong: #ffffffcc;
 	--base01: #e8e8e8;
 	--base02: #d8d8d8;
 	--base03: #b8b8b8;
@@ -32,6 +33,7 @@
 		--base00: #080808;
 		--base001: #0c0c0c;
 		--base0011: #0c0c0c80;
+		--base0011-strong: #0c0c0ccc;
 		--base01: #181818;
 		--base02: #282828;
 		--base03: #484848;
-- 
cgit v1.2.3