guix/config/waybar/style.css

* {
    all: unset;
    font-size: 20;
    font-family: IosevkaCustomNerdFont;
}

window {
    background: transparent;
}

window > box {
    color: #cdd6f4;
    background: alpha(#1e1e2e, 0.8);
    margin: 10px 10px 0px;
    padding: 0px;
    border: 1px solid #b4befe;
    border-radius: 10px;
}

tooltip {
    background: alpha(#1e1e2e, 0.8);
    border: 1px solid #b4befe;
    border-radius: 10px;
}

tooltip label {
    color: #cdd6f4;
    border: none;
    padding: 5px;
    margin: 0px;
}

#workspaces,
#window,
#mpris,
#pulseaudio,
#network,
#bluetooth,
#backlight,
#battery,
#clock,
#custom-notification,
#custom-weather,
#tray {
    margin: 0px;
    padding: 1px 5px;
}

#workspaces,
#window,
#mpris,
#tray,
#backlight,
#battery,
#custom-weather {
    color: #cdd6f4;
}

#workspaces button {
    background: transparent;
    color: #cdd6f4;
    margin: 0px;
    padding: 0px 5px;
}
#workspaces button.persistent {
    color: #45475a;
}
#workspaces button.focused {
    color: #b4befe;
}
#workspaces button.urgent {
    color: #fab387;
}

#custom-notification {
    color: #f38ba8;
}
#pulseaudio {
    color: #fab387;
}
#network {
    color: #f9e2af;
}
#bluetooth {
    color: #a6e3a1;
}
#clock.calendar {
    color: #94e2d5;
}
#clock {
    color: #89b4fa;
}