Files
dotfiles/waybar/style.css
2026-05-01 23:13:50 +01:00

130 lines
2.5 KiB
CSS

* {
border: none;
font-family: Font Awesome, Roboto, Arial, sans-serif;
font-size: 13px;
color: #ffffff;
border-radius: 20px;
}
window#waybar {
background: rgba(0, 0, 0, 0);
}
/*-----module groups----*/
.modules-right {
margin: 2px 10px 0 0;
}
.modules-center {
margin: 2px 0 0 0;
}
.modules-left {
margin: 2px 0 0 5px;
}
/*-----modules indv----*/
#workspaces button {
padding: 1px 5px;
background-color: transparent;
}
#workspaces button:hover {
box-shadow: inherit;
background-color: rgba(0,153,153,1);
}
#workspaces button.focused {
background-color: rgba(0,43,51,0.85);
}
#clock {
padding: 5px 15px;
background-color: rgba(0,43,51,0.85);
border-radius: 20px;
margin: 5px 3px;
}
#battery,
#cpu,
#memory,
#temperature,
#network {
padding: 5px 15px;
background-color: rgba(0,43,51,0.85);
border-radius: 20px;
margin: 5px 3px;
}
#pulseaudio {
padding: 5px 10px 5px 15px;
background-color: rgba(0,43,51,0.85);
border-radius: 20px;
margin: 5px 3px;
}
#bluetooth {
padding: 5px 15px 5px 15px;
background-color: rgba(0,43,51,0.85);
border-radius: 20px;
margin: 5px 3px;
}
#custom-media,
#custom-launcher{
font-size: 16px;
background-image: url('./bitwarden.svg');
background-position: center;
background-color: rgba(0,43,51,0.85);
background-repeat: no-repeat;
background-size: 18px 18px;
padding: 5px 8px;
margin: 5px 3px;
min-width: 20px;
min-height: 20px;
}
#tray,
#mode,
#custom-power,
#custom-menu,
#idle_inhibitor {
padding: 5px 15px;
background-color: rgba(0,43,51,0.85);
border-radius: 20px;
margin: 5px 3px;
}
#mode {
color: #cc3436;
font-weight: bold;
}
#custom-power {
background-color: rgba(255, 0, 0, 0.993);
border-radius: 100px;
margin: 6px 4px 5px 3px;
padding: 5px;
padding-left: 10px;
}
/*-----Indicators----*/
#idle_inhibitor.activated {
color: #2dcc36;
}
#pulseaudio.muted {
color: #cc3436;
}
#battery.charging {
color: #2dcc36;
}
#battery.warning:not(.charging) {
color: #e6e600;
}
#battery.critical:not(.charging) {
color: #cc3436;
}
#temperature.critical {
color: #cc3436;
}
#workspaces {
padding: 5px 13px 5px 10px;
background-color: rgba(0,43,51,0.85);
border-radius: 20px;
margin: 5px 3px;
}
/*-----Colors----*/
/*
*rgba(0,85,102,1),#005566 --> Indigo(dye)
*rgba(0,43,51,1),#002B33 --> Dark Green
*rgba(0,153,153,1),#009999 --> Persian Green
*
*/