diff options
| author | Fuwn <[email protected]> | 2026-05-19 01:20:01 +0000 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2026-05-19 01:20:01 +0000 |
| commit | 835eb3306ce586b135475dfe853f4e8b6dcfec19 (patch) | |
| tree | 710f96dcffafffede7675b156c50b773666c7f9f /src/styles | |
| parent | style(motion): introduce --duration-base for panel-class transitions (diff) | |
| download | due.moe-835eb3306ce586b135475dfe853f4e8b6dcfec19.tar.xz due.moe-835eb3306ce586b135475dfe853f4e8b6dcfec19.zip | |
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.
Diffstat (limited to 'src/styles')
| -rw-r--r-- | src/styles/colours.css | 2 |
1 files changed, 2 insertions, 0 deletions
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; |