Lovelace Background

Configuration
1

Does anyone know how to change the background colors in the default lovelace UI?

2

configuration.yaml:
frontend: !include theme.yaml

theme.yaml:

3

Awesome. Thank you

4

Hi I included the themes into my setup but do you know how to change default sky blue color in top Home view bar that shows various tab icons in white color? Top bar color doesn’t matches the color of various themes selected:

HA_Lovelace_Theme
HA_Lovelace_Theme965×674 51 KB

5

You need to modify that element in theme.yaml.

The color of that bar is given by --primary-color:

6

Does anyone have an accurate step-by-step how to deploy this?

The instructions say:
Clone this repository in your existing (or create it) themes/ folder.
cd themes/ git clone https://github.com/maartenpaauw/home-assistant-community-themes.git
Add the following code to your configuration.yaml file.

frontend:
  ... # your configuration.
  themes: !include_dir_merge_named themes
  ... # your configuration.

I have this */config/themes/ home-assistant-community-themes/*all the files from the repositary here.
In configuration.yaml:

frontend:
  themes: amoled.yaml

This generates an error Invalid config for [frontend]: expected a dictionary for dictionary value @ data[‘frontend’][‘themes’]. Got ‘amoled.yaml’. (See /config/configuration.yaml, line 4).

Can someone please help and tell me what I am doing wrong?
And what is meant by ’ … # your configuration.’? A good example would be great!
Thanks in advance.