dotfiles/dotconfig/waybar/style.css

185 lines
3.1 KiB
CSS

* {
/* That rule apply to all widgets. */
border: none;
border-radius: 14px;
font-family: FontAwesome, Roboto, Helvetica, Arial, sans-serif;
font-size: 14px;
min-height: 16px;
}
window#waybar {
/* That rule apply to the back of the bar. */
background: rgba(0, 0, 0, 0.3);
/*background: transparent; */
}
window#waybar.hidden {
opacity: 0.2;
}
#window {
margin-top: 8px;
margin-left: 8px;
padding-top: 2px;
padding-left: 16px;
padding-right: 16px;
border-radius: 26px;
transition: none;
color: #f8f8f2;
background: #282a36;
/*color: transparent;
background: transparent;
*/
}
#workspaces {
margin-top: 8px;
margin-left: 8px;
margin-bottom: 0;
border-radius: 26px;
background: #282a36;
transition: none;
}
#workspaces button {
padding-top: 8px;
transition: none;
color: #f8f8f2;
background: transparent;
font-size: 16px;
}
#workspaces button.urgent {
color: #ff0000;
}
#workspaces button.focused {
color: #9aedfe;
}
#workspaces button:hover {
transition: none;
box-shadow: inherit;
text-shadow: inherit;
color: #ff79c6;
}
#workspaces button.active {
color: #ffaa00;
}
#network {
margin-top: 8px;
/*margin-left: 8px;*/
/*padding-left: 16px;*/
padding-right: 16px;
margin-bottom: 0;
border-radius: 0px 26px 26px 0px;
transition: none;
/*color: #f8f8f2;*/
background: #282a36;
color: #bd93f9;
/*color: #4d4d4d;*/
/*background: #bd93f9;*/
}
#pulseaudio {
margin-top: 8px;
/*margin-left: 8px;*/
/*padding-left: 16px;*/
padding-right: 16px;
margin-bottom: 0;
border-radius: 0px 0px 0px 0px;
transition: none;
/*color: #4d4d4d;*/
/*background: #9aedfe;*/
color: #99ddff;
background: #282a36;
}
#temperature {
margin-top: 8px;
margin-left: 8px;
padding-left: 16px;
padding-right: 16px;
margin-bottom: 0;
border-radius: 26px;
transition: none;
color: #4d4d4d;
background: #5af78e;
}
#memory {
margin-top: 8px;
margin-left: 8px;
padding-left: 16px;
padding-right: 16px;
margin-bottom: 0;
border-radius: 26px 0px 0px 26px;
transition: none;
/*color: #4d4d4d;*/
/*background: #ff6e67;*/
color: #ff6666;
background: #282a36;
}
#cpu {
margin-top: 8px;
margin-left: 8px;
padding-left: 16px;
padding-right: 16px;
margin-bottom: 0;
border-radius: 26px;
transition: none;
color: #4d4d4d;
background: #f1fa8c;
}
#backlight {
margin-top: 8px;
/*margin-left: 8px;*/
/*padding-left: 16px;*/
padding-right: 16px;
margin-bottom: 0;
border-radius: 0px 0px 0px 0px;
transition: none;
/*color: #4d4d4d;
background: #ff751a;*/
color: #ff8844;
background: #282a36;
}
#battery {
margin-top: 8px;
/*margin-left: 8px;*/
margin-right: 12px;
/*padding-left: 16px;*/
padding-right: 16px;
margin-bottom: 0;
border-radius: 0px 26px 26px 0px;
transition: none;
/*color: #4d4d4d;
background: #ffc61a;*/
color: #ffdd44;
background: #282a36;
}
#clock {
margin-top: 8px;
margin-left: 12px;
/*margin-right: 12px;*/
padding-top: 2px;
padding-left: 16px;
padding-right: 16px;
margin-bottom: 0;
border-radius: 26px 0px 0px 26px;
transition: none;
/*color: #f8f8f2;*/
color: #ffcc44;
background: #282a36;
}