mirror of
https://github.com/basecamp/omarchy.git
synced 2026-02-17 15:25:37 +00:00
920b1a983f
* Update style.css Fixes the uneven spacing between icons on waybar by updating styling.css with Propo font family. However, Propo introduces a small issue as the volume icons don't have the same with. As a consequence, icons left of volume will move based on the displayed volume icon. To solve this, I added a non-Propo font to the pipewire module as well - this way the volume icons have fixed length but eats a bit into the spacing towards the CPU icon. But I see this as the best trade-off. * Update waybar config.jsonc * Update tray spacing in waybar config * Modify margins in style.css Adjusted margins for various elements. * Update waybar css for even spacing * Update Waybar config tray spacing
84 lines
1.0 KiB
CSS
84 lines
1.0 KiB
CSS
@import "../omarchy/current/theme/waybar.css";
|
|
|
|
* {
|
|
background-color: @background;
|
|
color: @foreground;
|
|
|
|
border: none;
|
|
border-radius: 0;
|
|
min-height: 0;
|
|
font-family: 'CaskaydiaMono Nerd Font';
|
|
font-size: 12px;
|
|
}
|
|
|
|
.modules-left {
|
|
margin-left: 8px;
|
|
}
|
|
|
|
.modules-right {
|
|
margin-right: 8px;
|
|
}
|
|
|
|
#workspaces button {
|
|
all: initial;
|
|
padding: 0 6px;
|
|
margin: 0 1.5px;
|
|
min-width: 9px;
|
|
}
|
|
|
|
#workspaces button.empty {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
#cpu,
|
|
#battery,
|
|
#pulseaudio,
|
|
#custom-omarchy,
|
|
#custom-screenrecording-indicator,
|
|
#custom-update {
|
|
min-width: 12px;
|
|
margin: 0 7.5px;
|
|
}
|
|
|
|
#tray {
|
|
margin-right: 16px;
|
|
}
|
|
|
|
#bluetooth {
|
|
margin-right: 17px;
|
|
}
|
|
|
|
#network {
|
|
margin-right: 13px;
|
|
}
|
|
|
|
#custom-expand-icon {
|
|
margin-right: 20px;
|
|
}
|
|
|
|
tooltip {
|
|
padding: 2px;
|
|
}
|
|
|
|
#custom-update {
|
|
font-size: 10px;
|
|
}
|
|
|
|
#clock {
|
|
margin-left: 8.75px;
|
|
}
|
|
|
|
.hidden {
|
|
opacity: 0;
|
|
}
|
|
|
|
#custom-screenrecording-indicator {
|
|
min-width: 12px;
|
|
margin-left: 8.75px;
|
|
font-size: 10px;
|
|
}
|
|
|
|
#custom-screenrecording-indicator.active {
|
|
color: #a55555;
|
|
}
|