Files
omarchy/config/waybar/style.css
Naparajith T L 46e8fa46ed Extensible, evenly spaced waybar styling (#156)
* Add override to only require one network interface online

* refactor: extensible, evenly spaced waybar style.css

- Use @define-color directive to define colour variables for each theme
(@foreground for text, @background for background-color)
- apply the colour variables in the main theme config, making it more
extensible
- make waybar elements more evenly spaced with consistent margin and
padding values
- add migration to apply the above changes to existing users

* Update style.css

better pixel spacing

---------

Co-authored-by: Ryan Hughes <1630358+ryanrhughes@users.noreply.github.com>
Co-authored-by: David Heinemeier Hansson <david@hey.com>
2025-07-14 20:56:54 -07:00

52 lines
640 B
CSS

* {
background-color: @background;
color: @foreground;
border: none;
border-radius: 0;
min-height: 0;
font-family: CaskaydiaMono Nerd Font Propo;
font-size: 12px;
}
.modules-left {
margin-left: 8px;
}
.modules-right {
margin-right: 8px;
}
#workspaces button {
all: initial;
padding: 0 6px;
margin: 0 1.5px;
}
#custom-dropbox,
#tray,
#cpu,
#battery,
#network,
#bluetooth,
#pulseaudio,
#clock,
#custom-power-menu {
min-width: 12px;
margin: 0 10px;
}
#custom-expand-icon {
margin-right: 12px;
}
tooltip {
padding: 2px;
}
tooltip label {
padding: 2px;
}
@import "../omarchy/current/theme/waybar.css";