How to set up Themes in Home Assistant + 20 free themes



Today, I’m going to cover how to set up themes in Home Assistant. I’m also going to show you how to set Home Assistant to switch to a dark theme at night automatically, and last but not least, I’m going to share with you 20 themes that I made for Home Assistant.

20 FREE THEMES FOR HOME ASSISTANT IN THE LINK BELOW
—————–
WRITTEN GUIDE
—————–
How to set up themes in Home Assistant

—————–
RECOMMENDED VIDEOS
—————–
Home Assistant – Hass.io (Powered by HassOS) beginner’s guide

How to set up Lovelace on Home Assistant

How To use the Home Assistant IDE add-on

—————–
SUPPORT THE CHANNEL
—————–
PATREON:
BUY ME A COFFEE:
AMAZON AFFILIATE LINK:
—————–
VISIT MY WEBSITE
—————–

—————–
SUBSCRIBE TO THE CHANNEL
—————–

—————–
FOLLOW ME ON
—————–
TWITTER:
FACEBOOK:
INSTAGRAM:
GOOGLE+:
—————–
MY GEAR
—————–
Camera:
Lens 1:
Lens 2:
Mic 1:
Mic 2:
Tripod:
—————–
DISCLOSURE
—————–
Some of the links on this video, are affiliate links, meaning, at no additional cost to you, I will earn a commission if you click through and make a purchase.
—————–
SOUNDTRACK
—————–
Track: Lost Sky – Dreams [NCS Release]
Music provided by NoCopyrightSounds.
Watch:
Free Download / Stream:
—————–

#HomeAssistant #Hassio #HassioThemes

28 Replies to “How to set up Themes in Home Assistant + 20 free themes”

  1. hackiz

    Great videos! But I get an error: YAML file /config/themes.yaml contains duplicate key "sidebar-text-color" Why do I get this? Sorry, I'm a bit noob to HA…

  2. Sidney King

    @Juan,

    I get this error "Configuration invalid"

    Invalid config for [automation]: expected a dictionary for dictionary value @ data['action'][0]['data_template']. Got None

    extra keys not allowed @ data['action'][0]['name']. Got None. (See /config/configuration.yaml, line 49). Please check the docs at https://home-assistant.io/components/automation/

    I copied and pasted your command in the automation.yaml file so I know its not a typo on my end.

    Any idea how to fix this?

    Thanks

  3. Emilio Borelly

    I'm running 0.88.2 and it works fine if I manually change it but the automation says Theme Dark – blue is not defined.. If I go to the automation editor it shows that the action is unsupported…
    Unsupported action:

    {

    "data_template": {

    "name": "{% if states.sun.sun.state == "above_horizon" %}n defaultn{% else %}n Dark – bluen{% endif %}n"

    },

    "service_template": "frontend.set_theme"

    }

    thanks for your advise

  4. Gordon Soukoreff

    So if I add the two themes to the themes.yaml file I am getting a duplicate key error. duplicated mapping key at line 46, column 3:

    primary-color: "#03B14B"

    ^
    I've put the file through YAMLLINT and its fine. Hmmm…not sure if this works now with Lovelace.
    **UPDATE** Fixed some indenting issues in themes.yaml seemed to work now!

  5. Bob B

    Doesn't seem to work with Hass.io 0.87. themes.yaml is in config folder and !include themes.yaml is under frontend: in configuration file.
    lovelace is standard UI now so maybe something to do with lovelace? Should something be in ui-lovace.yaml?

  6. Rule Breaker

    What theme you are using to show dashboard with block pattern (I have seen it in latest videos)? Have you shared it in your web page? If not, then can you please share somewhere on GitHub or may be on your website itself. 🙂 It looks quite creative!

  7. AssaPlay's

    It dosn't work for me. The themes-selection do not shown in the configuration menu and i follow your tutorial step-by-step… :'(
    My frontend is in german. Is that the problem?

    Edit: The theme-selection is not in the config-menu but in the profil menu… Now it works fine 🙂

  8. Mickie Pitts

    Love your videos, I have checked all of the code that I was inserted in the different files, but when I go to "GENERAL" I do not see "Select a Theme" yes I restarted HA. Any suggestions?

  9. alex bromberek

    im getting this error Invalid config for [automation]: [automation] is an invalid option for [automation]. Check: automation->automation. (See /config/configuration.yaml, line 67). Please check the docs at home-assistan .io/components/automation/ im running 0.82.1

  10. Pyro_oz Gaming

    This is my automations.yaml
    – alias: 'Set HA theme for day and night'
    trigger:
    – platform: homeassistant
    event: start
    – platform: state
    entity_id: sun.sun
    to: above_horizon
    – platform: state
    entity_id: sun.sun
    to: below_horizon
    action:
    – service_template: frontend.set_theme
    data_template:
    name: >
    {% if states.sun.sun.state == "above_horizon" %}
    Light – Light Red
    {% else %}
    Dark – Blue
    {% endif %}

    I corrected the automation for you. name: needs to be indented.

Leave a Reply

Your email address will not be published. Required fields are marked *