Files
dotfiles/gui/dot-config/waybar/style.css

144 lines
2.4 KiB
CSS

* {
font-family: 'NotoFont';
font-size: 9px;
font-weight: bold;
}
window#waybar {
/* transparent background for the main bar */
background-color: rgba(70, 70, 70, 1);
color: #fbf1c7;
}
/* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */
button:hover {
background: inherit;
background-color: inherit;
box-shadow: inherit;
color: inherit;
font-weight: inherit;
font-size: inherit;
}
#workspaces {
padding: 1px 1px;
border-radius: 1px;
margin: 1px 1px;
}
#workspaces button {
padding: 0 1px;
background-color: #3e4243;
color: #ed817d;
margin: 0px 0px;
}
#workspaces button.active {
background-color: #9a5263;
color: #ebdbb2;
box-shadow: inset 0 -2px #ebdbb2;
}
#workspaces button.urgent {
background-color: #d395a7;
color: #282828;
box-shadow: inset 0 -2px #ebdbb2;
}
#window {
color: #ca9d1f;
padding: 0 8px;
background-color: rgba(100, 50, 50, 0.75);
margin: 2px 0;
border-radius: 5px;
box-shadow: inset 0 -3px #ca9d1f;
}
#backlight {
background-color: #282828;
color: #ebdbb2;
margin: 2px 3px;
padding: 0 7px;
border-radius: 5px;
box-shadow: inset 0 -3px #ebdbb2;
}
#battery {
background-color: #282828;
color: #b8bb26;
padding: 0 7px;
border-radius: 5px;
margin: 2px 3px;
box-shadow: inset 0 -3px #b8bb26;
}
#battery.charging {
background-color: #282828;
color: #b8bb26;
}
#battery.good:not(.charging) {
background-color: #282828;
color: #b8bb26;
}
#battery.warning:not(.charging) {
background-color: #a76911;
color: #ebdbb2;
}
#battery.critical:not(.charging) {
background-color: #cc241d;
color: #ffffff;
}
#pulseaudio {
background-color: #282828;
color: #fabd2f;
padding: 0 7px;
border-radius: 5px;
margin: 2px 3px;
box-shadow: inset 0 -3px #fabd2f;
}
#pulseaudio.muted {
background-color: #282828;
color: #a89984;
box-shadow: inset 0 -3px #a89984;
}
#tray {
background-color: #282828;
padding: 0 7px;
border-radius: 5px;
margin: 2px 3px;
}
#clock {
background-color: #282828;
color: #d3869b;
padding: 0 7px;
border-radius: 5px;
margin: 2px 13;
box-shadow: inset 0 -2px #d3869b;
}
#memory {
background-color: #282828;
color: #a39bcb;
padding: 0 7px;
border-radius: 5px;
margin: 2px 2px;
box-shadow: inset 0 -2px #a39bcb;
}
#cpu {
background-color: #282828;
color: #ee9c70;
padding: 0 7px;
border-radius: 5px;
margin: 2px 3px;
box-shadow: inset 0 -2px #ee9c70;
}