@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;
}