Vue navbar button color not working

Recently the buttons in my navbar stopped responding to the color property. No matter what color I specify, they are all blue.

The color was working. But now it is not.

This only seems to affect buttons in my navbars.

<f7-navbar title="Supplies Modify" back-link="Close">
        <f7-button small round raised
                   popup-open="#supplies-modify-instructions">How To</f7-button>

This can’t happen without a reason. Check the generated button element, if there is a “color-orange” class then something wrong with CSS

Looks like it’s being over-ridden by the CSS for the navbar.

devtools screenshot attached.