desktop-playbook/files/config/waybar/style.css

101 lines
1.7 KiB
CSS

@define-color color-base-bg #323232;
@define-color color-base-fg #ddd;
@define-color electric-magenta #f268b3;
@define-color electric-green #1cd180;
* {
border: none;
border-radius: 0;
min-height:0;
}
window#waybar {
background: @color-base-bg ;
color: @color-base-fg;
font-family: "Fira Code Nerd Font";
font-size: 12px;
}
button,
button:disabled,label:disabled{
color:inherit;
}
button:hover{
background:none;
box-shadow:inherit;
box-shadow:inherit;
text-shadow:inherit;
text-shadow:inherit;
border-top:none;
}
#workspaces {
color:#fff;
}
#workspaces button {
margin:0 3px;
padding:4px 4px;
color:#9c9c9c;
border-bottom: 1px solid transparent;
}
#workspaces button:hover {
box-shadow:inherit;
text-shadow:inherit;
color: @electric-magenta;
border-bottom: 1px solid @electric-magenta;
}
#workspaces button.focused {
background:#1cd180 ;
color:#000;
}
#workspaces button.visible:not(.focused) {
color: @electric-green;
border-color: @electric-green;
}
#clock,
#cpu,
#memory,
#backlight,
#network,
#tray,
#mode,
#battery,
#idle_inhibitor {
padding: 2px 4px;
margin: 0;
background-color: transparent;
}
#mode{
background:red;
font-weight:bold;
}
#pulseaudio {}
#pulseaudio.muted {
color:#f268b3;
}
#battery.discharging {
color: @color-base-fg;
border-bottom: none;
}
#battery.charging, #battery.plugged {
border-bottom: 1px solid @electric-green;
color: @electric-green;
}
#battery.critical:not(.charging) {
border-color: @electric-magenta;
color: @electric-magenta;
}
#tray {
font-family: "DejaVu Sans";
font-size: 12px;
}