Be Smart, Go Local.

Best Home Assistant Dashboard Themes in 2024

Collection of the 15 Best Home Assistant Themes made by the community to use with your dashboard in 2024. Includes light, dark and custom themes.

If you are someone who likes to create custom Home Assistant Dashboards, than you probably know that a good theme makes all the difference in how your user interface looks like. If you are just starting out with Home Assistant, this article is a summary of the best Home Assistant Dashboard themes in 2024.

To avoid any confusion, Dashboards were previously called Lovelace and got renamed a while back. Here’s some custom Home Assistant Cards to go with them:

Best Home Assistant Dashboard Themes in 2023 - iOS Themes

How to Enable Themes in Home Assistant

Custom themes are community created styles for Home Assistant's frontend. You can use them to style your dashboards, views, cards and buttons.

Instructions

  1. Open your Home Assistant server
  2. Navigate to Settings > Add-ons > Add-on Store
  3. Search for File Editor
  4. Install and start the add-on
  5. (Optional) Toggle Show in sidebar, Start on boot and Watchdog
  6. Open the File Editor add-on
  7. Open the configuration.yaml file in the config folder
  8. Add the following lines:
    frontend:
      themes: !include_dir_merge_named themes
  9. Save the configuration.yaml file
  10. Restart Home Assistant
  11. Done

Notes

Themes can be downloaded via HACS (Home Assistant Community Store) and automatically set in the config/themes/<theme_folder> directory. Alternatively, you can manually upload a theme to this directory and use it in Home Assistant. If the themes folder is not available, you can manually create it using the File Editor add-on.

Please keep in mind some of these themes utilize card-mod as a resource to fully style the theme. You need to install it in order to experience everything the theme has to offer. 

15. Your Name.

Best Home Assistant Dashboard Themes in 2024 - Your Name.
Photo: GitHub Repository

A dark, electric blue theme that based on the movie Your Name.

14. Slate Theme

Best Home Assistant Dashboard Themes in 2024 - Slate
Photo: GitHub Repository

Beautiful dark theme with blue and dim-yellow accents.

13. Waves Theme

Best Home Assistant Dashboard Themes in 2024 - Waves
Photo: SmartHomeScene

The Waves theme features a modified blend look based on Noctis and Caule Pack theme. It features light and dark modes with a smooth overlay design.

12. Kibibit Theme

Best Home Assistant Dashboard Themes in 2024 - Kibibit
Photo: SmartHomeScene

A milky glass theme for Home Assistant.

This theme requires you to add the Comfortaa font as a resource to your lovelace configuration:

resources:
  - url: https://fonts.googleapis.com/css?family=Comfortaa&display=swap
    type: css

11. Noctis Theme

Best Home Assistant Dashboard Themes in 2024 - Noctis
Photo: SmartHomeScene

Beautiful dark blue theme with blue accents, commonly used in mounted dashboards.

10. Sundown Theme

Best Home Assistant Dashboard Themes in 2024 - Sundown
Photo: SmartHomeScene

A nice, sunset theme with a smooth background.

To apply the stock background, add background: var(--background-image) to your lovelace-ui.yaml file:

9. Soft Theme

Best Home Assistant Dashboard Themes in 2024 - Soft Theme Dark
Photo: GitHub Repository
Best Home Assistant Dashboard Themes in 2024 - Soft Theme Dark
Photo: GitHub Repository

Simple and soft Home Assistant theme based on Soft UI.

8. Graphite Theme

Best Home Assistant Dashboard Themes in 2024 - Graphite Theme
Photo: GitHub Repository

Graphite is a contemporary theme with a soothing dark color scheme, native device fonts, and a cohesive visual style. The goal is to be visually appealing, uncluttered, and ensure a consistent user experience across the entire Home Assistant interface, including the admin panel, HACS and code editors.

7. Caule Theme Pack

Best Home Assistant Dashboard Themes in 2024 - Caule Theme Pack
Photo: GitHub Repository
Best Home Assistant Dashboard Themes in 2024 - Caule Theme Pack Blue
Photo: GitHub Repository

A theme collection originally made for the Home Assistant community in Brazil, featuring 10 modern colors and 4 style categories.

6. MacOS Theme

Best Home Assistant Dashboard Themes in 2024 - MacOS Light
Photo: GitHub Repository
Best Home Assistant Dashboard Themes in 2024 - MacOS Dark
Photo: GitHub Repository

A Home Assistant theme based on the macOS Monterey system-wide light and dark mode interface.

5. Google Theme

Best Home Assistant Dashboard Themes in 2024 - Google Light
Photo: GitHub Repository
Best Home Assistant Dashboard Themes in 2024 - Google Dark
Photo: GitHub Repository

Home Assistant theme based on the Google Android light and dark mode interface.

4. iOS Themes

Best Home Assistant Dashboard Themes in 2024 - iOS Themes
Photo: SmartHomeScene

HomeKit based theme collection, featuring 7 different backgrounds with 28 different looks and accents.

3. HA LCARS

Best Home Assistant Dashboard Themes in 2024 - LCARS Theme
Photo: GitHub Repository

Star Trek LCARS theme for Home Assistant with colors and fonts from https://www.thelcars.com.

  • hacs-repository-smarthomescene
  • Modes: Light/Dark
  • Colors: Classic, Lower Decks, Romulus, Cardassia, Kronos, Nemesis.
  • Made By: th3jesta
  • GitHub: th3jesta/ha-lcars

2. Metrology

Best Home Assistant Dashboard Themes in 2024 - Metrology
Photo: GitHub Repository

Metrology is a practical series of app customizations and redesigns aimed at bringing a bold, clear, and consistent user experience to various Windows and Android apps. Its design language is based on Metro and Fluent design systems pioneered by Microsoft Design since the 2010s.

1. Catppuccin Themes

Best Home Assistant Dashboard Themes in 2024 - Catppuccin
Photo: GitHub Repository

Catppuccin is a community-driven pastel theme that aims to be the middle ground between low and high contrast themes. Catppuccin consists of 4 beautiful pastel color palettes, named flavors, perfect for coding, designing and more.

Screenshots

2 thoughts on “Best Home Assistant Dashboard Themes in 2024”

Leave a Comment

Skip to Instructions