Home Assistant Theme - Vastayan Bond (Light & Dark mode!)

• Preparation
• HACS installation
• Manual installation
• Font Installation
• Enable the theme
• Samples

Preparation

Check if configuration.yaml is loading the themes from the themes folder:

frontend:
  themes: !include_dir_merge_named themes

If the themes folder does not exist in config, create one.

HACS installation

1. Open the Community Store (HACS)
2. Search for Vastayan Bond
3. Download + Install
4. Go to config > lovelace dashboard > resources (config/lovelace/resources) and add this resource: “/local/proxima-nova-font/ProximaNova-Regular.css” Resource type :stylesheet
5. Restart Home Assistant

Manual installation / Font installation

1. Copy the file vastayan_bond.yaml into your themes folder
2. Restart Home Assistant

---

Font Installation

1. Copy the complete proxima-nova-font directory into the www folder
2. Go to Configuration > Lovelace Dashboard > Resources and add the following resource:

“/local/proxima-nova-font/ProximaNova-Regular.css” 
Resource type: stylesheet

3. Restart Home Assistant

If you want to use a different font and use this theme, you'll have to change the corresponding lines in the vastayan_bond.yaml file.

---

Enable the theme

• Open your Profile in Home Assistant and select the theme called Vastayan Bond
• Choose the mode you want to use it in! (Auto / Light / Dark)

---

Samples

Xayah Theme - Dark

Rakan Theme - Light