dotfiles/dotconfig/waybar/style.css
2024-03-15 14:06:57 +00:00

210 lines
3.5 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.65);*/
background: rgba(40, 31, 30, 0.8);
/*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: 25px;
transition: none;
color: #f8f8f2;
background: #362a28;
/*color: transparent;
background: transparent;
*/
}
#workspaces {
/*margin-top: 8px;*/
margin-left: 8px;
margin-bottom: 0;
border-radius: 26px;
background: #362a28;
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 25px 25px 0px;
transition: none;
/*color: #f8f8f2;*/
background: #362a28;
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: #362a28;
}
#temperature {
/*margin-top: 8px;*/
margin-left: 8px;
padding-left: 16px;
padding-right: 16px;
margin-bottom: 0;
border-radius: 25px;
transition: none;
color: #4d4d4d;
background: #5af78e;
}
#memory {
/*margin-top: 8px;*/
margin-left: 8px;
padding-left: 16px;
padding-right: 16px;
margin-bottom: 0;
border-radius: 25px 0px 0px 25px;
transition: none;
/*color: #4d4d4d;*/
/*background: #ff6e67;*/
color: #ff6666;
background: #362a28;
}
#cpu {
/*margin-top: 8px;*/
margin-left: 8px;
padding-left: 16px;
padding-right: 16px;
margin-bottom: 0;
border-radius: 25px;
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: #362a28;
}
#battery {
/*margin-top: 8px;*/
/*margin-left: 8px;*/
margin-right: 12px;
/*padding-left: 16px;*/
padding-right: 16px;
margin-bottom: 0;
border-radius: 0px 25px 25px 0px;
transition: none;
/*color: #4d4d4d;
background: #ffc61a;*/
color: #ffdd44;
background: #362a28;
}
#battery.warning {
color : #ffaa00;
}
#battery.critical {
color : #ff0000;
background: #ffdd44
}
#tray {
margin-right: 12px;
padding-right: 16px;
padding-left: 16px;
margin-bottom: 0;
border-radius: 25px 25px 25px 25px;
transition: none;
color: #ffdd44;
background: #362a28;
}
#clock {
/*margin-top: 8px;*/
margin-left: 12px;
/*margin-right: 12px;*/
padding-top: 2px;
padding-left: 16px;
padding-right: 16px;
margin-bottom: 0;
border-radius: 25px 0px 0px 25px;
transition: none;
/*color: #f8f8f2;*/
color: #ffcc44;
background: #362a28;
}