color palettes in themes not loaded

[Mariusthvdb]

Checklist

• I have updated to the latest available Home Assistant version.
• I have cleared the cache of my browser.
• I have tried a different browser to see if it is related to my browser.
• I have tried reproducing the issue in safe mode to rule out problems with unsupported custom resources.

Describe the issue you are experiencing

whiel I worked with Wendelin I the beta channel on Discord in separate thread Theme Buttons and finally made the new color palettes work setting those colors in each theme

that brief success was annulled when beta 6 5 arrived, and the unchanged colors on the buttons returned, as if only the default theme is loaded and no specific palettes were added to the theme

Describe the behavior you expected

color palettes respected per theme

Steps to reproduce the issue

1. see yaml below and check regular buttons in the UI

...

What version of Home Assistant Core has the issue?

2025.8.0 and 2025.8.0b5

What was the last working version of Home Assistant Core?

2025.8.0b4

In which browser are you experiencing the issue?

any

Which operating system are you using to run this browser?

MacOS/iOS

State of relevant entities

Problem-relevant frontend configuration

Dark blue:

  color-primary-0: '#001321'      # Near-black with a cool blue undertone
  color-primary-1: '#012744'      # Very dark navy blue
  color-primary-20: '#06457a'     # Deep, rich marine blue
  color-primary-30: '#0d60ad'     # Bold cobalt-like blue
  color-primary-40: '#1675C9'     # Vivid, primary-leaning sky blue (base)
  color-primary-50: '#3d90d6'     # Lighter, softer azure tone
  color-primary-60: '#68a9e1'     # Balanced light blue, good for highlights
  color-primary-70: '#92c2ec'     # Gentle sky blue, ideal for backgrounds
  color-primary-80: '#c0ddf6'     # Very light pastel blue
  color-primary-90: '#e1effb'     # Pale icy blue, near-white
  color-primary-95: '#f1f8fd'     # Almost white with a faint blue tint

Clear:

  color-primary-0: '#0f1114'      # Almost black with a bluish-gray undertone
  color-primary-1: '#1c1f23'      # Very dark charcoal gray-blue
  color-primary-20: '#363b41'     # Deep slate gray, subtle blue hint
  color-primary-30: '#4c525b'     # Dark steel gray, balanced and neutral
  color-primary-40: '#636B75'     # Cool, muted blue-gray (base)
  color-primary-50: '#7d8690'     # Medium gray with a soft blue tone
  color-primary-60: '#99a1ab'     # Light slate gray, slightly airy
  color-primary-70: '#b5bcc5'     # Soft, cloudy gray-blue, great for UI surfaces
  color-primary-80: '#d1d7db'     # Very light blue-gray, gentle and clean
  color-primary-90: '#e8edf0'     # Pale icy gray, nearly neutral
  color-primary-95: '#f4f7f9'     # Near-white with a whisper of cool tone

Dark red:

  color-primary-0: '#140000'      # Almost black with a hint of deep red
  color-primary-1: '#2a0000'      # Very dark crimson, rich and intense
  color-primary-20: '#530000'     # Deep blood red, intense and shadowy
  color-primary-30: '#710000'     # Dark ruby red, powerful and bold
  color-primary-40: '#8B0000'     # Classic dark red (base), strong and striking
  color-primary-50: '#a32222'     # Firm red with a slightly brighter punch
  color-primary-60: '#bd4a4a'     # Muted red with a softening warmth
  color-primary-70: '#d37474'     # Dusty rose-red, leaning more gentle
  color-primary-80: '#e8b3b3'     # Soft blush pink, pastel-like
  color-primary-90: '#f4dede'     # Very light rosy tint, great for backgrounds
  color-primary-95: '#fbf1f1'     # Near-white with the faintest warm red-pink tint

JavaScript errors shown in your browser console/inspector

Additional information

working changed colors before b6/release

from b6/release

[Mariusthvdb]

downgrading to 2025.8.0b4 brings them back

cyan variant

Dark cyan:

  color-primary-0: '#002124'      # Almost black with a deep teal undertone
  color-primary-1: '#004047'      # Very dark cyan, cool and professional
  color-primary-20: '#006973'     # Deep teal-cyan, bold and clean
  color-primary-30: '#0095a8'     # Strong aqua, fresh and vibrant
  color-primary-40: '#00bcd4'     # Bright turquoise-cyan (base), punchy and modern
  color-primary-50: '#26cfe2'     # Lightened aqua, still vivid and clear
  color-primary-60: '#58dceb'     # Gentle, breezy cyan, very fresh
  color-primary-70: '#8ce9f2'     # Soft pastel teal, energetic but airy
  color-primary-80: '#bdf3f8'     # Pale aqua tint, clean and bright
  color-primary-90: '#e0f9fb'     # Near-white with a cool aquatic touch
  color-primary-95: '#f2fcfd'     # Almost pure white with a whisper of blue-green

dark orange

Dark orange:

  color-primary-0: '#1a0e00'      # Almost black with a deep burnt umber hue
  color-primary-1: '#331a00'      # Very dark amber-brown, rich and warm
  color-primary-20: '#663000'     # Deep golden-brown, strong and earthy
  color-primary-30: '#994b00'     # Warm copper orange, vivid and grounded
  color-primary-40: '#FF8C00'     # Bright dark orange (base), bold and festive
  color-primary-50: '#ffa733'     # Lively tangerine, slightly softened
  color-primary-60: '#ffc566'     # Warm golden orange, sweet and cheerful
  color-primary-70: '#ffdb99'     # Light apricot, soft and inviting
  color-primary-80: '#ffeccc'     # Pale peachy tone, ideal for gentle backgrounds
  color-primary-90: '#fff5e6'     # Very light cream with an orange tint
  color-primary-95: '#fffaf0'     # Almost white with a warm sunny glow

all work in b4,
all gone in b5/release

[wendevlin]

Hey @Mariusthvdb,

Sorry this was a quick fix before release. We added a ha- prefix to all vars. Just to be constistent.

[Mariusthvdb]

I like consistent ;-)
thanks.

and confirmed that

Dark blue:

# color palette
  ha-color-primary-0: '#001321'      # Near-black with a cool blue undertone
  ha-color-primary-1: '#012744'      # Very dark navy blue
  ha-color-primary-20: '#06457a'     # Deep, rich marine blue
  ha-color-primary-30: '#0d60ad'     # Bold cobalt-like blue
  ha-color-primary-40: '#1675C9'     # Vivid, primary-leaning sky blue (base)
  ha-color-primary-50: '#3d90d6'     # Lighter, softer azure tone
  ha-color-primary-60: '#68a9e1'     # Balanced light blue, good for highlights
  ha-color-primary-70: '#92c2ec'     # Gentle sky blue, ideal for backgrounds
  ha-color-primary-80: '#c0ddf6'     # Very light pastel blue
  ha-color-primary-90: '#e1effb'     # Pale icy blue, near-white
  ha-color-primary-95: '#f1f8fd'     # Almost white with a faint blue tint

works again, like all others

closing

[Matt-PMCT]

Can anyone confirm if it is supposed to be ha-color-primary-1 or ha-color-primary-10 ?

[wendevlin]

Can anyone confirm if it is supposed to be ha-color-primary-1 or ha-color-primary-10 ?

It's 10

    --ha-color-primary-05: #001721;
    --ha-color-primary-10: #002e3e;
    --ha-color-primary-20: #004156;
    --ha-color-primary-30: #006787;
    --ha-color-primary-40: #009ac7;
    --ha-color-primary-50: #18bcf2;
    --ha-color-primary-60: #37c8fd;
    --ha-color-primary-70: #7bd4fb;
    --ha-color-primary-80: #b9e6fc;
    --ha-color-primary-90: #dff3fc;
    --ha-color-primary-95: #eff9fe;

Reference:

• https://github.com/home-assistant/frontend/blob/dev/src/resources/theme/color/core.globals.ts

[Mariusthvdb]

https://github.com/home-assistant/frontend/blob/dev/src/resources/theme/color/core.globals.ts

seems to be the link?

I apologize for that typo btw, really sorry....