"Dark" theme, or "night" mode/theme

@ahs I’ll try it this weekend and give feedback. Thank you!

Yes indeed much more elegant solution. I will change my code aswell. Thanks

thanks a lot I managed to get it working when I select a theme.

Sorry if this is a silly question but if you change the Theme to another color how do you get back to the “normal” default colors? Is it as simple as saying

frontend.set_theme
      data:
        name: 'default'`

or do I need to define the color values back to the original by defining a Theme called “default” ?

Oh yes, I see… Actually I don’t have any badges, so I forgot it in my themesetup… Thanks for letting me know :slight_smile:

2 posts were split to a new topic: Dark Cyan Theme

There’s already a ‘default’ theme selection that allows it to revert back to blue/white

These themes are bomb. Added a few to my setup. Thanks much for sharing!

1 Like

Midnight is amazing :smiley:

Hello all and thanks for all the nice themes you’ve created.

Is is possible to also increase the size of different elements, or perhaps there is a setting to magnify the whole UI by a factor of, let’s say, 1.3x?

It is possible to change also icons on the setting menu at left?

Here’s a script I use when working on groups, automations and themes so I don’t have to constantly restart HA. Just put script.reload somewhere where its easy to activate on your frontend.

  reload:
    sequence:
      - service: automation.reload
      - service: homeassistant.reload_core_config
      - service: frontend.reload_themes
2 Likes

Hi @Jer78,

Sounds interesting, can you let me know where this would be placed, is it part of an automation, or is “reload” a component i haven’t heard of…

Assuming it get triggered as part of a input select or a button click?

Thanks

Put it in the script section.

Do just like @lambtho posted in post 79, how to setup it, so you can change it from the frontend. That will create a dropdown list where you can choose your theme…
https://community.home-assistant.io/t/dark-theme-or-night-mode-theme/446/79?u=broesie

1 Like

Hi everybody !

I’ve got trouble with my themes…

I added few themes in my frontend and it works very well when I choose one with Services :
services

But when I choose with an input_select it doesn’t work !!

themes

I have automations behind input_select, for example :

  - alias: 'Current Theme at Night'
    initial_state: 'on'
    trigger:
      - platform: state
        entity_id: sun.sun
        from: 'above_horizon'
        to: 'below_horizon'
    action:
      - service: input_select.select_option
        data:
          entity_id: input_select.select_theme
          option: 'Midnight'

  - alias: 'Theme midnight'
    trigger:
      platform: state
      entity_id: input_select.midnight
    action:
      - service: frontend.set_theme
        data:
          name: midnight

Could you help me please ?

Thank you !!

Put 'midnight' in quotes

    action:
      - service: frontend.set_theme
        data:
          name: 'midnight'

Shouldn’t the trigger of your second automation be something like this?

    trigger:
      platform: state
      entity_id: input_select.select_theme
      to: 'Midnight'

Hi can you share to us how you make the view tabs to be on icon?
view

for each view in your groups

default view:
  view: yes
  icon: mdi:home    ##### add this line here for icons
  entities:

add the

icon: mdi:icon of your choice

line

1 Like