omarchy/omarchy/themes/azure-glow/swayosd.css

@define-color background-color #0A0E14ee;  /* Deep midnight blue with transparency */
@define-color border-color #40C4FF;        /* Bright sky blue */
@define-color label #B3E5FC;               /* Soft glowing cyan */
@define-color image #B3E5FC;               /* Soft glowing cyan */
@define-color progress #00B0FF;            /* Rich azure */

window {
    background: @background-color;
    border: 2px solid @border-color;
    border-radius: 10px;
}

#container {
    padding: 15px;
}

#image {
    color: @image;
    font-size: 48px;
}

#label {
    color: @label;
    font-family: "JetBrainsMono Nerd Font";
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0;
}

progressbar {
    background: rgba(27, 42, 58, 0.5);
    border-radius: 5px;
    min-height: 10px;
}

progressbar > trough {
    background: rgba(27, 42, 58, 0.5);
    border-radius: 5px;
}

progressbar > trough > progress {
    background: linear-gradient(90deg, @progress, @border-color);
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(64, 196, 255, 0.3);
}