waybar: simplify css and remove pill shapes

This commit is contained in:
Aly Raffauf 2024-08-10 15:57:07 -04:00
parent b68444f5c3
commit 17bd7af18f

View file

@ -267,6 +267,7 @@ in {
window#waybar { window#waybar {
background: rgba (0, 0, 0, 0.0); background: rgba (0, 0, 0, 0.0);
color: ${cfg.theme.colors.text}; color: ${cfg.theme.colors.text};
background-color: alpha(${cfg.theme.colors.background}, 0.8);
} }
#workspaces button { #workspaces button {
@ -319,20 +320,16 @@ in {
#submap, #submap,
#tray, #tray,
#workspaces { #workspaces {
background-color: alpha(${cfg.theme.colors.background}, 1.0); margin: 5px 6px 5px 6px;
border-radius: ${toString cfg.theme.borderRadius}px; padding: 0px 5px 0px 5px;
border: 4px solid alpha(${cfg.theme.colors.background}, 0.8);
margin: 5px 6px 0px 6px;
padding: 0px 10px 0px 10px;
} }
#clock { #clock {
padding: 0px 20px 0px 20px;
} }
#submap, #submap,
#mode { #mode {
background: rgba(255, 123, 99, 0.8); background: rgba(255, 123, 99, 1.0);
color: ${cfg.theme.colors.text}; color: ${cfg.theme.colors.text};
} }
''; '';