/* the actual bar */ window#waybar { background: transparent; /*background: rgba(242,242,242,0.5);*/ border-top-color: rgba(242,242,242,0.5); border-top-style: solid; border-width: 24px 0px 0px 0px; opacity: 90; padding-bottom: 16px; font-family: Fantasque Sans Mono; font-size: 16px; font-weight: bold; } /* modules-left/right/center */ /* padding fixes left/right margins from being undersized */ window#waybar .modules-left { padding-left: 8px; padding-right: 8px; } window#waybar .modules-right { padding-left: 8px; padding-right: 8px; } #upower { padding-left: 16px; padding-right: 16px; background: #263640; color: #f2f2f2; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } #tray { padding-left: 16px; padding-right: 16px; background: #263640; color: #f2f2f2; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } /* idle_inhibitor */ /* fixing weird icon spacing since i can't do aligns. */ #idle_inhibitor { padding-left: 16px; margin-left: -0px; font-size: 28px; } #idle_inhibitor.activated { background: #f2f2f2; color: #141c21; } #idle_inhibitor.deactivated { background: #263640; color: #f2f2f2; } /* generic modules */ /* all the interesting stuff is happening here lol */ label.module { margin-left: 8px; margin-right: 8px; padding-left: 16px; padding-right: 16px; background: #008282; color: #f2f2f2; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }