Skip to content

Latest commit

 

History

History
93 lines (72 loc) · 3.12 KB

INFO.md

File metadata and controls

93 lines (72 loc) · 3.12 KB

achievibit Logo

@kibibit/hass-kibibit-theme

A milky glass theme for Home Assistant


This is based on Henrik's reddit post with a few additions of mine

Screenshots

Theme - Overview Theme - mobile

more screenshots

Installation

Prerequisites

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

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

Add the font

Right now, this theme requires you to add the Comfortaa font as a resource to your lovelace configuration:

resources:
  - url: https://fonts.googleapis.com/css?family=Comfortaa&display=swap
  type: css

HACS

  1. Go to the Community Store.
  2. Search for kibibit.
  3. Navigate to kibibit theme.
  4. Press Install.
  5. Go to services and trigger the frontend.reload_themes service.

Change the background

This theme comes with a background by default, but you can change it to whatever you like.

You can use either a url or a local file.

  1. Find a background you like (You can fetch the original one from HERE)
  2. If it's a local image, put the background image inside /config/www to make it a public asset accessible from the frontend (/config/www/bg-kibibit-theme.png).

access the theme file kibibit.yaml and change the following line:

background-image: "center / cover no-repeat fixed url('https://thatkookooguy.github.io/https-assets/bg-kibibit-theme.png')"

to include your url, or a local asset by mapping /config/www/ to /local/ (/local/bg-kibibit-theme.png)

Refresh home assistant after that.

Setting the default backend-selected theme

In order to have this theme set automatically as the backend selected default, add the following automation to your home assistant:

- alias: Set Default Theme
  description: ''
  trigger:
  - event: start
    platform: homeassistant
  condition: []
  action:
  - data:
      name: kibibit
    service: frontend.set_theme

Stay in touch