156 lines
3.1 KiB
CSS
156 lines
3.1 KiB
CSS
* {
|
|
border: none;
|
|
font-family:
|
|
Font Awesome,
|
|
Roboto,
|
|
"NotoSansM Nerd Font",
|
|
"NotoSansMono Nerd Font",
|
|
"Font Awesome 6 Free",
|
|
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;
|
|
padding-top: 1px;
|
|
}
|
|
|
|
#custom-notification {
|
|
font-family: "NotoSansM Nerd Font", "NotoSansMono Nerd Font";
|
|
font-size: 13px;
|
|
background-color: rgba(0, 43, 51, 0.85);
|
|
border-radius: 20px;
|
|
padding: 5px 2px 5px 8px;
|
|
margin: 5px 3px;
|
|
}
|
|
|
|
#custom-updater {
|
|
font-size: 13px;
|
|
background-color: rgba(0, 43, 51, 0.85);
|
|
border-radius: 20px;
|
|
padding: 5px 8px;
|
|
margin: 5px 3px;
|
|
}
|
|
|
|
.modules-left {
|
|
margin: 2px 0 0 5px;
|
|
padding-top: 1px;
|
|
}
|
|
/*-----modules indv----*/
|
|
#workspaces button {
|
|
padding: 1px 6px 1px 3px;
|
|
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;
|
|
}
|
|
#wireplumber,
|
|
#wireplumber-microphone {
|
|
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;
|
|
}
|
|
#wireplumber.muted,
|
|
#wireplumber-microphone.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
|
|
*
|
|
*/
|