Cant make a button transparent

[tr1xem]

                widgets.Button(
                    css_classes=["media-controls"],
                    child=widgets.Icon(
                        image="media-skip-forward-symbolic",
                        pixel_size=25,
                    ),

i have buttons like this but they have weird bg

cant able to change that bg to transparent

.media-controls,
.media-controls > * {
    background: unset;
    background-color: unset;
}

but using gtk debugger i cant change bg to none

[linkfrg]

Are you using CSS or SCSS?

[tr1xem]

Scss

[linkfrg]

This line is pretty interesting, can you try removing it?:

.media-controls > * 

If that doesn't work, try:

.media-controls {
     all: unset;
}

[tr1xem]

I tried it didnt worked https://github.com/tr1xem/shill/blob/main/modules/bar/widgets/player.py

[tr1xem]

Is there way to make a un-interactive scale? for progress bar

[linkfrg]

Set sensitive=False

[tr1xem]

Why dont u opt for a discord community instead of github discussions? it would be much better to ask and help people in that

[tr1xem]

I noticed a bug
In this file https://github.com/tr1xem/shill/blob/main/modules/bar/widgets/info.py if i wanna modify slider's colour and i do

.usage-slider {
    all: unset;
    * {
        all: unset;
    }
}

.usage-slider trough {
    min-height: 0.7rem;
    min-width: 5rem;
    border-radius: 1rem;
}
.usage-slider trough,
.usage-slider highlight {
    // min-height: 0.7rem;
    background-color: red;
}

it wont do anything but in gtk debugger same thing works the slider can only be changed by changing gtk theme
you have any idea why the buttons , slider and all gtk components are respecting gtk themes more than anything i have

* {
    all: unset;
    background: unset;
}
``` at top of my scss file too

Same for the buttons btw their bg also changes when i change theme

[linkfrg]

oh wait, do you have modified ~/.config/gtk-4.0/gtk.css?

[tr1xem]

oh wait, do you have modified ~/.config/gtk-4.0/gtk.css?

yes
im using custom macos theme

[linkfrg]

Then you have to set priority="user" in CssInfoPath and css_manager.widgets_style_priority = "user"

[tr1xem]

that was the issue thankyou so much