dotfiles-mirror/config/waybar/style.css

@define-color border      #3e3a32;
@define-color background  #1e1e1e;
@define-color surface0    #2a2a2a;
@define-color overlay0    #3a3830;
@define-color text        #dcd7ba;
@define-color text_dim    #8c8a75;

@define-color blue        #7fbbb3;
@define-color green       #55393D;    /* changed */
@define-color yellow      #f9e2af;
@define-color peach       #e69875;
@define-color maroon      #c05a3b;
@define-color lavender    #b4beff;
@define-color pink        #f4b8e4;
@define-color teal        #7fc1ca;
@define-color grey        #5c6773;

* {
    border: none;
    font-family: "JetBrainsMono Nerd Font";
    font-size: 15px;
    min-height: 10px;
}

window#waybar {
    background: @background;
    border-bottom: 2px solid @surface0;
}

#disk,
#pulseaudio,
#window,
#clock,
#network,
#battery,
#privacy,
#memory,
#cpu,
#workspaces,
#tray,
#bluetooth,
#tray menu {
    padding: 5px 10px;
    margin: 8px 0 8px 10px;
    background: @surface0;
    color: @text;
    transition: 0.3s;
    border: 1.5px solid @border;
    border-radius: 8px;
}

#window { transition: none; }

window#waybar.empty #window {
    background: transparent;
    box-shadow: none;
    border: none;
}

#network { margin: 8px 12px; color: @text; }
#pulseaudio, #clock { color: @text; }

#workspaces {
    margin-left: 12px;
    color: @text;
}

#workspaces button {
    margin: 0;
    padding: 1px 3px;
    color: @text;
    transition: none;
}

#workspaces button.empty { color: @text_dim; }
#workspaces button.active { color: @green; }   /* now #55393D */
#workspaces button.urgent { color: @maroon; }

#workspaces button:hover {
    background: @overlay0;
    color: @text;
}