Clear Theme Dark

Try this it looks like they made a change to the theme with no notifications. See https://github.com/home-assistant/home-assistant-polymer/pull/4017

  switch-checked-color: '#d26d26' # Knob On
  switch-unchecked-color: '#268bd2' # Knob Off
  switch-unchecked-button-color: '#268bd2' # Knob Off
  switch-unchecked-track-color: 'var(--base01)'

That is perfect! Nice find :slight_smile:

Only thing left is the entity registry, quite hard to read now with the white background - but I don’t use it enough to be a bother.

The updated version of the theme for HA 0.101 is now available in the first post.

The bad news

The button design with a blue background and grey knob when checked is not possible anymore. Maybe they will change this in the future. I will update the theme as soon as the grey knob is possible again.

The good news

I fixed the background color for the new entity registry.

You don’t need to set the background image on every page now. One option in the theme is enough.

I updated the theme to disable the card shadows again after the old option was broken.

I added styles for the lovelace slider (input_number).

Looks great, thanks for the update :smiley:

@naofireblade Any chance we can get this theme added to HACS?

That would be awesome. I think @ludeeus might know how?

1 Like

Step 1: Make a repository on Github for it
Step 2: Read these:
https://hacs.xyz/docs/publish/start
https://hacs.xyz/docs/publish/theme
https://hacs.xyz/docs/publish/include

Got this ready, just cannot test because I exceeded my github rate limit :smiley: . I will check that tomorrow again.

1 Like

Github has a rate limit? Wow! Whoda thunk?

Yeah, 60 API calls pr hour if not authenticated, and 5000 API calls pr hour if you are authenticated.

I got a token and all but I have issues with HACS therefore I tried restarting HA and it indexed from the beginning. Therefore I reached the limit.
I will open an issue.

If you want legible hyperlinks and dark header background, you can modify the theme as follows:

Replace:
primary-color: ‘#363941

With:
primary-color: ‘var(–text-medium-light-color)’

Add:
cch-background: ‘#363941

Unfortunately, the header backgrounds for the other side panel menu items are light colored.

Done. Just look for “Clear Theme Dark” in HACS. The background image will be installed automatically.

2 Likes

@naofireblade, Been traveling so just getting the chance to say Thanks!!

@naofireblade
Nice looking theme. For your information, URLs in the standard markdown-card gets this dark color. Maybe set another default color for the theme.

image

Yep thats a known problem. The header color is the link color in Home Assistant :frowning: . Only way is to use the compact header plugin. Then u can apply this solution: Clear Theme Dark

Updated to v1.1 enable the colored switch background and grey knob again with HA 0.102

Question; how on earth do i change the line colours in the graph, if i change back to default theme the colours are different :frowning:

Hello,
I have an issue with all my themes with a background image since release 0.99, but I haven’t received any help on the dedicated topic I created.
Basically, my theme is properly displayed when I access my HomeAssistant webpage, but after browsing between my different views and coming back to the first view, the background image disappears. I need to refresh the page so that it is displayed again.
I have not changed my configuration since 0.99, but I haven’t seen any breaking change. Has anyone noticed this problem before ?
Thanks for your help!

Hey @naofireblade,

With the recent hass updates, some items have become unreadable, like the top values in the config pages:

Any chance you can get around on adding those? It’s still usable, and I like this theme way more than those annoyances would drive me to search for another, but if you even find some time it’d be a great fix :slight_smile: