Can't get themes to show up

Hey guys,

I don’t know what I’m doing wrong, but I can’t get themes to work for the life of me.

I’m currently running 0.82.0

I’m trying to have:

  1. LoveLace as my default UI
  2. Themes selection under Configuration > General in the frontend UI
  3. themes.yaml to store my themes

For the life of me, I can’t get the themes to show in the configuration section of the frontend AND I can’t get any theme selection to actually effect anything except cards is lovelace.

Any help would be greatly appreciated.

Here’s configuration.yaml

homeassistant:
  # Name of the location where Home Assistant is running
  name: Home

  # Location required to calculate the time the sun rises and sets
  latitude: !secret latitude_home
  longitude: !secret longitude_home

  # Impacts weather/sunrise data (altitude above sea level in meters)
  elevation: !secret longitude_home

  # metric for Metric, imperial for Imperial
  unit_system: IMPERIAL

  # Pick yours from here: http://en.wikipedia.org/wiki/List_of_tz_database_time_zones
  time_zone: America/Los_Angeles

  # Customization file
  customize: !include customize.yaml

# Show links to resources in log and frontend
introduction:

# Enables the frontend
frontend: #!include frontend.yaml
  javascript_version: latest
  extra_html_url:
    - /local/lovelace.html
    - /local/custom_ui/state-card-mini-media-player.html
  themes: !include themes.yaml
 


# Enables configuration UI
config:

# Uncomment this if you are using SSL/TLS, running in Docker container, etc.
http:
  # api_password: !secret api_password
  # base_url: hassington.duckdns.org:8123
  # ssl_certificate: /ssl/fullchain.pem
  # ssl_key: /ssl/privkey.pem
  # server_port: 8123


# Checks for available updates
# Note: This component will send some information about your system to
# the developers to assist with development of Home Assistant.
# For more information, please see:
# https://home-assistant.io/blog/2016/10/25/explaining-the-updater/
updater:
  # Optional, allows Home Assistant developers to focus on popular components.
  # include_used_components: true

# Discover some devices automatically
discovery:


# Allows you to issue voice commands from the frontend in enabled browsers
conversation:

# Enables support for tracking state changes over time
history:

# View all events in a logbook
logbook:

# Enables a map showing the location of tracked devices
map:

# Track the sun
sun:

# Weather prediction
sensor:
  - platform: yr

# Text to speech
tts:
  - platform: google
    cache: true
    cache_dir: /tmp/tts

# Cloud
cloud:

group: !include groups.yaml
automation: !include automations.yaml
script: !include scripts.yaml


# Integrated Components

#iOS App
ios:

#Arlo
arlo:
  username: !secret arlo_username
  password: !secret arlo_password

#Camera
camera:
  - platform: arlo
    ffmpeg_arguments: '-pred 1 -q:v 2'

#MyQ
cover:
  - platform: myq
    username: !secret cover_username
    password: !secret cover_password
    type: chamberlain

#Nest
nest:
  client_id: !secret nest_client_id
  client_secret: !secret nest_client_secret

#Z-Wave
zwave:
  usb_path: /dev/ttyACM0
  device_config: !include zwave_device_config.yaml

The themes are use base so click on your user icon top of screen and u should see the themes that are listed in your themes folder

Q: what in your lovelace.html file

2 Likes

Ah, well that solves it. The themes show up and I’m able to select them. That’s not where it was shown in all the tutorial videos online so I was a little confused.

Soooooo…. based on this, how do I change the “default” theme for all users?

I wrote a silly little automation for that:

- id: '1535256226419'
  alias: Set Theme On Startup
  initial_state: 'on'
  trigger:
  - event: start
    platform: homeassistant
  action:
  - data:
      name: midnight
    service: frontend.set_theme
1 Like

@Dixey awesome! I’ll try that out tonight.