dotfiles/waybar/style.css

109 lines
1.8 KiB
CSS

* {
font-family: "CaskaydiaCove Nerd Font", "Font Awesome 6 Free", "Font Awesome 6 Free Solid";
font-weight: bold;
font-size: 16px;
color: #dcdfe1;
}
#waybar {
background-color: rgba(0, 0, 0, 0);
border: none;
box-shadow: none;
}
#workspaces,
#window,
#tray{
background-color: rgba(15,27,53,0.9);
padding: 4px 6px;
margin-top: 6px;
margin-left: 6px;
margin-right: 6px;
border-radius: 10px;
border-width: 0px;
}
#clock,
#custom-power{
background-color: rgba(15,27,53,0.9);
margin-top: 6px;
margin-right: 6px;
padding: 4px 2px;
border-radius: 0 10px 10px 0;
border-width: 0px;
}
#network,
#custom-lock{
background-color: rgba(15,27,53,0.9);
margin-top: 6px;
margin-left: 6px;
padding: 4px 2px;
border-radius: 10px 0 0 10px;
border-width: 0px;
}
#custom-reboot,
#bluetooth,
#battery,
#pulseaudio,
#backlight,
#custom-temperature,
#memory,
#cpu{
background-color: rgba(15,27,53,0.9);
margin-top: 6px;
padding: 4px 2px;
border-width: 0px;
}
#custpm-temperature.critical,
#pulseaudio.muted {
color: #FF0000;
padding-top: 0;
}
#bluetooth:hover,
#network:hover,
#backlight:hover,
#battery:hover,
#pulseaudio:hover,
#custom-temperature:hover,
#memory:hover,
#cpu:hover,
#clock:hover,
#custom-lock:hover,
#custom-reboot:hover,
#custom-power:hover,
#window:hover {
background-color: rgba(70, 75, 90, 0.9);
}
#workspaces button:hover{
background-color: rgba(97, 175, 239, 0.2);
padding: 2px 8px;
margin: 0 2px;
border-radius: 10px;
}
#workspaces button.active {
background-color: #61afef;
color: #ffffff;
padding: 2px 8px;
margin: 0 2px;
border-radius: 10px;
}
#workspaces button {
background: transparent;
border: none;
color: #888888;
padding: 2px 8px;
margin: 0 2px;
font-weight: bold;
}
#window {
font-weight: 500;
font-style: italic;
}