Discussion and feedback for 'Toggle Button Add-On'

This is discussion and feedback for Toggle Button Add-On

Toggle button built on Vaadin components with support for customizable labels and icons

https://vaadin.com/directory/component/toggle-button-add-on

I would like to make the background red when it is off, and green when it is on. But since it uses class-names instead of part-names, i cannot access the shadow-dom to change it myself sadly. Any chance, this might become a feature in here?

Or a css variable --toggle-button-off-color would be cool! ^^

For feature requests I recommend to create a ticket in the respective github repo (see the directory page).

As a workaround, you should be abled to change the background colors by overriding the following css custom variables

.fc-toggle-button {
    --lumo-contrast-20pct: red; /* used for the off background*/
    --toggle-button-primary-color: green; /* used for the on background */
}