[ANGULAR] Changing Button color

[mv2022]

How would I change the button color? For example, if I add a custom class b-test in the cls, would the class style be added in the gantt.stockholm.css file?

  <bryntum-button
            text = 'Save'
            cls = 'b-test'
            (onAction)="save()"
        ></bryntum-button>

[mats]

You can set

            cls = 'b-green'

or other basic colors red/blue etc.

[mv2022]

what if I want to add a custom color to the button, the background-color to be #00897b ? Thanks

[mats]

Then you can either set a cls and include that color in your stylesheet, or use https://bryntum.com/docs/scheduler/api/Core/widget/Button#config-style

[mv2022]

Sorry, I can't seem to get this to work.

If you can provide a small example of how this would be used in the inline-project demo if I wanted to add a custom class to the button.

I tried doing the following and didn't work in the inline-data demo project.

    <bryntum-button
        text = 'Change data'
        cls="test"
        style="background-color: red;"
        (onAction) = "onChangeData()"
    ></bryntum-button>

app.component.scss

.test{
    background-color: red;
    color: blue;
}

[mats]

You will need to use a bit more specificity, as the default styling is using:

.b-button:not(.b-tab)