Synthwave-Hass

Project Status

This project is no longer supported.

Due to Home Assistant now supporting limited theme customization through Lovelace, this theme has become partially redundant. Additionally, I have lost the time and interest to maintain this project further. However, I will still review and accept pull requests for any fixes or improvements submitted by the community.

---

"Do you remember that endless summer back in '84? Cruising down the ocean highway with the top down, the wind in our hair and heads buzzing with neon dreams?"

No? Well, neither do I, but with this experimental theme, we can pretend to go there.

Inspired by: Synthwave VSCode Theme

---

Installation

Step 1: Locate Your Home Assistant Directory

Find the directory containing your Home Assistant configuration. This is typically located at ~/.homeassistant/.

Step 2: Add the Theme

1. Navigate to the themes directory:

   cd ~/.homeassistant/themes

2. If the themes directory does not exist, create it:

   mkdir themes

   After creating the directory, you may need to restart Home Assistant.

3. Download the theme file directly:

   wget https://raw.githubusercontent.com/bbbenji/synthwave-hass/master/themes/synthwave.yaml

Step 3: Update Configuration

Add the following lines to your configuration.yaml file to ensure Home Assistant recognizes the new theme:

frontend:
  themes: !include_dir_merge_named themes

Step 4: Enable the Theme

You can enable the theme from your profile page or by configuring it directly in configuration.yaml.

---

Extras

For additional styling that is not achievable with a .yaml theme file, you can install synthwave-hass-extras.

---

Screenshots

Here are some visuals to get a feel for the theme:

---

Contributions

While this project is no longer actively maintained, contributions are welcome! If you find any issues or have improvements to suggest, feel free to submit a pull request. Let's keep the Synthwave spirit alive together!