dotfiles/dot_config/waybar/style.css

100 lines
1.6 KiB
CSS

* {
font-family: "Ubuntu Mono Nerd Font";
font-size: 13px;
min-height: 0;
}
window#waybar {
/* background: transparent; */
/* background: black; */
background: rgba(40, 44, 52, 0.85);
color: white;
border: 1px solid #8fd4ff;
border-radius: 5px;
}
#window {
font-family: "Ubuntu Mono";
padding: 0 5px;
border: 1px solid #8fd4ff;
border-radius: 5px;
}
window#waybar.empty #window {
padding: 0px;
margin: 0px;
border: 0px;
/* background-color: rgba(66,66,66,0.5); */ /* transparent */
background-color: transparent;
}
#workspaces button {
color: gray;
/* border: 1px solid #8fd4ff; */
/* border-radius: 5px; */
}
#workspaces button.focused {
color: white;
border: 1px solid #8fd4ff;
border-radius: 5px;
}
#tray,
#custom-japan,
#custom-germany,
#temperature,
#clock,
#battery,
#cpu,
#memory,
#network,
#pulseaudio {
padding: 0 5px;
margin-right: 5px;
margin-top: 5px;
margin-bottom: 5px;
}
#temperature.critical {
color: #b62d66;
}
#battery icon {
color: #b62d66;
}
#battery.charging {
border-bottom: 1px dotted #8fd4ff;
}
@keyframes blink {
to {
background-color: #8fd4ff;
color: black;
}
}
#battery.warning:not(.charging) {
color: white;
animation-name: blink;
animation-duration: 2s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
border-radius: 5px;
}
#battery.warning:not(.charging) {
color: white;
animation-name: blink;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
border-radius: 5px;
}
#network.disconnected {
color: #b62d66;
}