dotfiles/waybar/style.css

82 lines
1.4 KiB
CSS

/* 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;
}