https://github.com/catppuccin/home-assistant
๐ Soothing pastel theme for Home Assistant
https://github.com/catppuccin/home-assistant
catppuccin catppuccin-theme hacktoberfest home-assistant home-automation themes
Last synced: 2 months ago
JSON representation
๐ Soothing pastel theme for Home Assistant
- Host: GitHub
- URL: https://github.com/catppuccin/home-assistant
- Owner: catppuccin
- License: mit
- Created: 2022-11-26T14:24:11.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2025-07-31T01:43:42.000Z (2 months ago)
- Last Synced: 2025-07-31T04:21:29.529Z (2 months ago)
- Topics: catppuccin, catppuccin-theme, hacktoberfest, home-assistant, home-automation, themes
- Language: Just
- Homepage:
- Size: 3.17 MB
- Stars: 249
- Watchers: 9
- Forks: 14
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
![]()
Catppuccin for Home Assistant
![]()
![]()
## Previews
๐ป Latte
![]()
![]()
![]()
![]()
![]()
![]()
![]()
๐ชด Frappรฉ
![]()
![]()
![]()
![]()
![]()
![]()
![]()
๐บ Macchiato
![]()
![]()
![]()
![]()
![]()
![]()
![]()
๐ฟ Mocha
![]()
![]()
![]()
![]()
![]()
![]()
![]()
## Usage
### With [HACS](https://hacs.xyz/)
1. Add the following code to your `configuration.yaml` file (reboot required).```yaml
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](https://my.home-assistant.io/redirect/profile) and change Theme under Browser Settings to your desired theme.### Manual
1. Add the following code to your `configuration.yaml` file (reboot required).```yaml
frontend:
... # your configuration.
themes: !include_dir_merge_named themes
... # your configuration.
```
2. Clone the repository
```bash
git clone https://github.com/catppuccin/home-assistant.git
```3. Copy `themes/catppuccin.yaml` in your existing (or create it) `themes/` folder.
```bash
mv home-assistant/themes/catppuccin.yaml ~/config/themes/.
```4. Go to the [Profile General tab](https://my.home-assistant.io/redirect/profile) and change Theme under Browser Settings to your desired theme.
## ๐ Thanks to
- [fapfaff](https://github.com/fapfaff)
ย
![]()
Copyright ยฉ 2021-present Catppuccin Org