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.
29 lines
1.0 KiB
CSS
29 lines
1.0 KiB
CSS
/* Append to ~/.config/waybar/style.css. */
|
|
/* The monospace font makes the nbsp bar cells line up as rectangles. */
|
|
/* The lock class tints the label blue while a 1-hour lock is active. */
|
|
|
|
#custom-ocd {
|
|
font-family: monospace;
|
|
padding: 0 6px;
|
|
min-width: 0;
|
|
}
|
|
#custom-ocd.ocd-locked {
|
|
color: #5aa6e0;
|
|
}
|
|
|
|
/* Dark popover background for the ocd tooltip window.
|
|
Waybar scopes tooltip styles globally: this rule applies to every
|
|
tooltip in the bar, not just ours (Waybar wiki / PR #4930).
|
|
Literal hex, not @background: the omarchy matte-black theme file
|
|
(~/.config/omarchy/current/theme/waybar.css) is empty, so @background
|
|
/ @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. */
|
|
tooltip {
|
|
background-color: #121212;
|
|
color: #bebebe;
|
|
padding: 6px 8px;
|
|
border-radius: 6px;
|
|
font-family: monospace;
|
|
} |