Support for changing close/maximize/minimize buttons

[caioolivv]

Is it or will it be possible to change the buttons and their colors with AdwCustomizer?

[ArtyIF]

You can use the custom CSS field to change how they look.18:48, July 26, 2022, Caio Lima de Oliveira ***@***.***>: Is it or will it be possible to change the buttons and their colors with AdwCustomizer? —Reply to this email directly, view it on GitHub, or unsubscribe.You are receiving this because you are subscribed to this thread.Message ID: ***@***.***> -- Sent from Yandex Mail for mobile

[ArtyIF]

In particular, if you want to hide the circles from the window controls, use:

windowcontrols image {
    background-color: transparent;
}
    
/* If you want to keep the circles when you hover: */
windowcontrols image:hover {
    background-color: alpha(@headerbar_fg_color, 0.07);
}

/* When the buttons are pushed down: */
windowcontrols image:active {
    background-color: alpha(@headerbar_fg_color, 0.16);
}

The alpha values are based on values the flat buttons use.

[caioolivv]

Thanks! I was running an older version that didn't have support for custom css yet. Anyway, this field doesn't seem to apply to adw-gtk3. Is this a known limitation?

[ArtyIF]

Thanks! I was running an older version that didn't have support for custom css yet. Anyway, this field doesn't seem to apply to adw-gtk3. Is this a known limitation?

CSS files for GTK 3 and GTK 4 are separated due to incompatibilities between the versions. Use the dropdown to the left to toggle between GTK 3 and GTK 4. In case of GTK 3, the code will be pretty similar, but instead of windowcontrols image it's button.titlebutton.

[arun54321]

I was using custom css to hide window control circles in gtk3 and gtk4 apps. whenever I use adwcustomizer, css get overwritten and I get default window controls. Could you add option in adwcustomizer to remove those circles?

edit: I just found new builds have option to add custom css.