104 lines
1.8 KiB
CSS
104 lines
1.8 KiB
CSS
* {
|
|
/*font-family: "Font Awesome 5 Free", "Font Awesome v4 Compatibility Regular";*/
|
|
font-family: "FiraCode Nerd Font Mono";
|
|
}
|
|
|
|
window#waybar {
|
|
color: #d8dee9;
|
|
background: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: 11px;
|
|
}
|
|
|
|
window#waybar.laptop {
|
|
font-size: 14px;
|
|
}
|
|
|
|
/* Base styling for modules */
|
|
#workspaces,
|
|
#mode,
|
|
#disk,
|
|
#network,
|
|
#custom-vpn,
|
|
#cpu,
|
|
#memory,
|
|
#temperature,
|
|
#pulseaudio,
|
|
#custom-spotify,
|
|
#custom-multimedia_previous,
|
|
#custom-multimedia_current,
|
|
#custom-multimedia_next,
|
|
#custom-clock,
|
|
#clock,
|
|
#mpd,
|
|
#backlight,
|
|
#battery,
|
|
#tray {
|
|
padding: 0px 8px 0px 8px;
|
|
border-radius: 4px;
|
|
background: rgba(76, 86, 106, 0.7);
|
|
margin: 0 4px;
|
|
border-bottom: 3px;
|
|
}
|
|
|
|
#workspaces {
|
|
padding: 0;
|
|
}
|
|
#workspaces button {
|
|
padding: 0px 12px 0px 12px;
|
|
border-radius: 4px;
|
|
background: rgba(94,129,172,0.7);
|
|
margin: 0 1px;
|
|
}
|
|
#workspaces button.focused {
|
|
border-radius: 4px;
|
|
color: rgba(46, 52, 64, 1);
|
|
background: rgba(136, 192, 208, 0.7);
|
|
}
|
|
#workspaces button.urgent {
|
|
background: rgba(208, 135, 112, 0.7);
|
|
}
|
|
|
|
#custom-vpn.disconnected,
|
|
#network.disconnected {
|
|
background: rgba(191, 97, 106, 0.7);
|
|
}
|
|
|
|
#temperature.1 {
|
|
margin-right: 0;
|
|
padding-right: 4px;
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
#temperature.2 {
|
|
margin: 0;
|
|
padding: 0 4px;
|
|
border-radius: 0;
|
|
}
|
|
#temperature.3 {
|
|
margin-left: 0;
|
|
padding-left: 4px;
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
|
|
/* Style for battery */
|
|
#battery.discharging {
|
|
border: 2px solid rgba(208, 135, 112, 0.7);
|
|
}
|
|
#battery.warning {
|
|
background: rgba(208, 135, 112, 0.7);
|
|
}
|
|
#battery.critical {
|
|
background: rgba(191, 97, 106, 0.7);
|
|
}
|
|
|
|
/* Style for buttons */
|
|
#mpd,
|
|
#custom-spotify,
|
|
#custom-multimedia_previous,
|
|
#custom-multimedia_current,
|
|
#custom-multimedia_next {
|
|
background: rgba(94,129,172,0.7);
|
|
}
|