Is it really not possible to change button color in frontend with themes ?

[formal orbit]

I can change the buttons icon color (on the left in the picture), but not the actual button (on the right in the picture).

The code that i use:
(I also tried the # commented lines before, but they didn't work so i disabled them)

frontend:
 themes:
   dark_green:
     modes:
       dark:
         secondary-text-color: "#A4A4A4"
         divider-color: "#333333"
         card-background-color: "#141414"
         primary-background-color: "#0d0d0d"
         primary-color: "#068c5d"
         accent-color: "#068c5d"
         state-icon-color: "#068c5d"
         app-header-background-color: "#13231D"
#         ha-button-color: "#FFC0CB" #pink color for testing
#         ha-button: "#FFC0CB" #pink color for testing
#         button_color: "#FFC0CB" #pink color for testing
#         button_text_color: "#FFC0CB" #pink color for testing
#         button_color_hover: "#FFC0CB" #pink color for testing
#         button_color_active: "#FFC0CB" #pink color for testing

Also in the documents https://www.home-assistant.io/integrations/frontend/#state-color there is no mention of buttons. Only switches, etc...

[pliant wolf]

you could try ios-dark mode from hacs.

[young owl]

Try --wa-color-on-normal. I see this variable referenced when inspecting an Entities card with a button entity.
The variable references several other variables before finally reaching a color: --wa-color-on-normal > --wa-color-brand-on-normal > --ha-color-on-primary-normal > --ha-color-on-primary-60 > #37c8fd.

[formal orbit]

Unfortunately that didn't work either

[storm harness]

check how I did it in my themes gist https://gist.github.com/Mariusthvdb/116b59a318332cfe1ac1811494c1a7e1. Note this only worls for the Brand type of buttons, any of the others are not themeable to my knowledge

see also https://community.home-assistant.io/t/2025-8-the-summer-of-ai/918138/245?u=mariusthvdb

[young owl]

Looking over your notes in the gist, it seems that --ha-color-primary-60 wasn't originally used but now it is. It seems to be one of the variables mentioned above which seems like it should be the text color based on the inspection. What I don't understand, however, is if OP set the highest level variable, any of the lower level variables should be moot and it should have followed his color. Or, should he look at trying to modify the -60 or ha-color-on-primary-loud which you labeled as text accent?

[storm harness]

I am not sure if these colors are dependent at all... they seem hard coded, and all I could figure out is which variable is used for which element in the Brand buttons (the other buttons I didnt touch yet)

-30, -40, -50, -80, -90 and -95 are used, and for the Accent text we need ha-color-on-primary-loud.....so yes -60 isn used in those ha-button , butmaybe they will use it elsewhere soon..