JuanMTech / google_dark_theme

🎨 By JuanMTech -- A Home Assistant theme inspired on the Google app dark mode.

NEW VERSION OF THIS THEME IS AVAILABLE. IT SUPPORTS BOTH LIGHT AND DARK MODE. YOU CAN CHECK THE THEME HERE.

Google Dark Theme

A Home Assistant theme inspired on Google app dark mode.

Screenshots

Preparation

1. Make sure that under the configuration.yaml file you have the following:

frontend:
  themes: !include_dir_merge_named themes

2. Under the Home Assistant Config folder, create a new folder named themes
3. Restart Home assistant to apply the changes.

HACS installation

1. Go into the Community Store (HACS)
2. Search for Google Dark Theme
3. Open the theme
4. Press Install
5. Restart Home Assistant

Manual installation

1. In the Home assistant themes folder, create a file named google_dark_theme.yaml
2. In this GitHub repo, go into the themes folder, open the google_dark_theme.yaml file and copy the content
3. Paste the content in the google_dark_theme.yaml file created under your Home Assistant themes folder

Enable theme

1. Open your Home Assistant Profile
2. Under, Themes, select the new Google Dark Theme

Custom Header settings

When using the Custom Header plugin, add the following to make sure that the header matches the theme.

Other available themes

• iOS Theme - Based on the system-wide light and dark mode UI
• Google Theme - Based on the Android light and dark interface
• AMOLED Blue - A true black Home Assistant theme for devices with AMOLED displays