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-nav-right>
        <f7-button small round raised
                   color="orange"
                   popup-open="#supplies-modify-instructions">How To</f7-button>
      </f7-nav-right>
    </f7-navbar>

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.