A true black Home Assistant theme for devices with AMOLED displays
Screenshots
1. Desktop
2. Mobile
Preparation
- Make sure that under the configuration.yaml file you have the following:
frontend:
themes: !include_dir_merge_named themes
- Under the Home Assistant Config folder, create a new folder named themes
- Restart Home assistant to apply the changes.
HACS installation
- Go into the Community Store (HACS)
- Search for Google Dark Theme
- Open the theme
- Press Install
Manual installation
- In the Home assistant themes folder, create a file named
amoled_blue.yaml
- In this GitHub repo, go into the themes folder, open the
amoled_blue.yaml
file and copy the content - Paste the content in the
amoled_blue.yaml
file created under your Home Assistant themes folder
Enable theme
- Open your Home Assistant Profile
- Under, Themes, select the new AMOLED Blue Theme
Custom Header settings
When using the Custom Header plugin, add the following to make sure that the header matches the theme.
custom_header:
compact_mode: true
background: var(--app-header-background-color)
elements_color: var(--app-header-text-color)
active_tab_color: var(--state-icon-active-color)
tab_indicator_color: var(--state-icon-active-color)