Graphite Theme for Home Assistant

Graphite is a contemporary theme that features both a calming dark color scheme and a bright, clean light theme. It features native device fonts and a cohesive design language across all Home Assistant interfaces, including the administration interface and code editors.

Installation

Home Assistant Community Store Guide

Installation

The Home Assistant Community Store, or HACS, is the most convenient and efficient way to install the Graphite theme. HACS acts as a one-stop shop for community-developed extensions for Home Assistant, similar to the Apple App Store or Google Play Store. With just a few clicks, you can easily find and install the Graphite theme within HACS.

Guideline

1. Ensure you have HACS installed.
2. Open the Home Assistant Community Store (HACS) by clicking on the HACS tab in the side menu.
3. In the HACS store, click on the Frontend tab.
4. On the bottom right, click on Explore & Download Repositories and use the search bar to search for Graphite.
5. Click on the Graphite theme in the search results to open the theme's page.
6. On the theme's page, click on the Download button.
7. Wait for the installation to complete. This may take a few seconds.
8. Once the installation is complete, open your profile and select Graphite in your Theme dropdown menu.

That's it! The Graphite theme has been successfully installed and applied to your Home Assistant instance. You will receive notifications in the Home Assistant Community Store (HACS) whenever an update is available for the theme, so you can keep it up to date with the latest improvements and tweaks.

Manual Guide

Manual Guide

1. Copy the themes folder into your home-assistant config folder
2. Set the theme folder in you configuration.yaml

frontend:
  themes: !include_dir_merge_named themes

3. Restart Home Assistant
4. Select the Graphite theme in your profile

Examples

If you're curious about the cards from my screenshot, you can check out my examples.

Updating the theme

I've developed a small token abstraction and a script to maintain Graphite's integrity across theme variants and streamline updates. The source components are located in the src folder. After making modifications, run the theme_assembler Python 3 script found in the tools directory to update theme files. Please do not modify the artifacts in the themes directory manually. Feel free to use this as a foundation for crafting your own themes in minutes.

Personal note

Hi, my name is Tilman, nice to meet you! I am a product designer and software engineer by trade and I live in an old 16th century house that I'm trying hard to make smart.

I have started this theme in 2022 to improve my own, and my better halfs quality of life. Currently, it is not possible to customize every aspect of home assistant using a simple theme file. However, my goal is to provide an uncomplicated and convenient way for new or unexperienced users avoiding more advanced and in-depth styling methods.

---

Inspired by many of the awesome home assistant community themes and contributors.
Thank you for your creativity, dedication and inspiration!