🌻 Latte

🪴 Frappé

🌺 Macchiato

🌿 Mocha

1. Add the following code to your configuration.yaml file (reboot required).

frontend:
  ... # your configuration.
  themes: !include_dir_merge_named themes
  ... # your configuration.

2. Go to the Community Store.
3. Search for Catppuccin.
4. Navigate to Catppuccin theme.
5. Press Install.
6. Go to Developer Tools, and next Actions. Then select and manually trigger the frontend.reload_actions action.
7. Go to the Profile General tab and change Theme under Browser Settings to your desired theme.

1. Add the following code to your configuration.yaml file (reboot required).

frontend:
  ... # your configuration.
  themes: !include_dir_merge_named themes
  ... # your configuration.

2. Clone the repository

git clone https://github.com/catppuccin/home-assistant.git

3. Copy themes/catppuccin.yaml in your existing (or create it) themes/ folder.

mv home-assistant/themes/catppuccin.yaml ~/config/themes/.

4. Go to the Profile General tab and change Theme under Browser Settings to your desired theme.

• fapfaff

Copyright © 2021-present Catppuccin Org