yk/ocdway
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make popover background dark without depending on @background

Browse Source 
The omarchy matte-black theme file
(~/.config/omarchy/current/theme/waybar.css) is empty, so @background
and @foreground are undefined GTK variables. A tooltip rule using
background-color: @background resolves to nothing, so the popover
rendered transparent. Replace the theme variables with the literal
matte-black colors (#121212 / #bebebe) from colors.toml so the
popover is dark even though the theme file is empty. Scoped to the
tooltip; the bar background is left unchanged.
This commit is contained in:
ocpway 2026-07-30 04:58:30 +03:00
parent 09668a7c9a
commit 02f0ce1d7c
1 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
config/waybar-style.css
View File

@ -13,14 +13,16 @@
/* Dark popover background for the ocd tooltip window. /* Dark popover background for the ocd tooltip window.
Waybar scopes tooltip styles globally: this rule applies to every Waybar scopes tooltip styles globally: this rule applies to every
tooltip in the bar, not just ours (Waybar wiki / PR #4930). It uses tooltip in the bar, not just ours (Waybar wiki / PR #4930).
@background / @foreground, the same dark theme color the rest of Literal hex, not @background: the omarchy matte-black theme file
the bar already uses (imported by omarchy's theme file), so the (~/.config/omarchy/current/theme/waybar.css) is empty, so @background
change matches the bar instead of introducing a new color. / @foreground are undefined GTK variables and a reference here would
render transparent. #121212 / #bebebe are the matte-black colors.toml
values, so the popover still matches the intended theme.
Also make the tooltip font monospace so the block-char bars line up. */ Also make the tooltip font monospace so the block-char bars line up. */
tooltip { tooltip {
background-color: @background; background-color: #121212;
color: @foreground; color: #bebebe;
padding: 6px 8px; padding: 6px 8px;
border-radius: 6px; border-radius: 6px;
font-family: monospace; font-family: monospace;