Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/clooos/bubble

A dark minimalist theme with a mobile first approach for Home Assistant
https://github.com/clooos/bubble

Last synced: about 1 month ago
JSON representation

A dark minimalist theme with a mobile first approach for Home Assistant

Host: GitHub
URL: https://github.com/clooos/bubble
Owner: Clooos
License: mit
Created: 2023-09-02T08:49:47.000Z (about 1 year ago)
Default Branch: main
Last Pushed: 2023-09-03T13:29:07.000Z (about 1 year ago)
Last Synced: 2023-09-04T17:10:42.452Z (about 1 year ago)
Language: JavaScript
Size: 16.6 KB
Stars: 16
Watchers: 1
Forks: 0
Open Issues: 1
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

# Bubble
A dark minimalist theme with a mobile first approach for Home Assistant

[![Stars](https://img.shields.io/github/stars/clooos/Bubble)](#) [![Last commit](https://img.shields.io/github/last-commit/clooos/Bubble)](#) [![Reddit Profile](https://img.shields.io/badge/Reddit-My%20stuff-orange?logo=reddit)](https://www.reddit.com/user/Clooooos/submitted/) [![Buy me a beer](https://img.shields.io/badge/Buy%20me%20a-beer-yellow?logo=buy-me-a-coffee)](https://www.buymeacoffee.com/clooos)

Based on Noctis theme from aFFekopp

With card-mod installed you got this features:

- A mobile view on desktop (like on the screenshot and you need to set your view in subview mode)
- No header on mobile

Bubble Theme

## Installation

### Without HACS

1. Download this file: [bubble.yaml](https://raw.githubusercontent.com/Clooos/Bubble/main/themes/bubble.yaml)
2. Add this file into a new folder named `bubble` in the `/themes/` folder
3. In your configuration.yaml add this:
```yaml
frontend:
themes: !include_dir_merge_named themes
```
4. Save and restart Home Assistant
5. Now go to your personal account settings and select Bubble as your theme

### With HACS

This method allows you to get updates directly in the HACS main page

1. Download HACS following the instructions on [https://hacs.xyz/docs/setup/download](https://hacs.xyz/docs/setup/download/)
2. Proceed to the initial configuration following the instructions on [https://hacs.xyz/docs/configuration/basic](https://hacs.xyz/docs/configuration/basic)
3. On your sidebar go to `HACS` > `Integrations`
4. click on the icon at the right top corner then on `Custom repositories`
5. For the repository add this: `https://github.com/Clooos/Bubble`
6. For the category select `Theme` then click `Add`
7. Now click on `Bubble` then on the `Dowload` button
8. In your configuration.yaml add this:
```yaml
frontend:
themes: !include_dir_merge_named themes
```
9. Save and restart Home Assistant
10. Now go to your personal account settings and select Bubble as your theme