Code Monkey home page Code Monkey logo

waves's Introduction

Waves Theme

hacs_badge

Created by Tim Cowell for Home Assistant This theme is a mixture of themes that I liked but wanted to adjust slightly to the design, look and feel I wanted.

These themes include

I plan on continuing to develop this theme and would like to include light/dark for theme automations.

Installation

HACS Installation

Search for Waves within the community store & Install

You need to have a themes folder in order to install this theme.

  1. Go to your configuration.yaml file and add the following
frontend:
  themes: !include_dir_merge_named themes
  1. This theme uses 2 custom fonts via Google Fonts, you will need to add these as a resource in order to use the same fonts.
  • Click on configuration within Home Assistant

  • Click on Lovelace Dashboards

  • Click the Resources tab at the top

  • Click the + Add Resource button

  • You will need to add the follow URL and set the resource type to Stylesheet, then click on create.

URL To Copy

https://fonts.googleapis.com/css2?family=Oxygen&family=Ubuntu:wght@300&display=swap    
  1. Once the above is complete, you will need to restart your Home Assistant server for the changes to come into affect.

Manual Installation

  1. Download the themes folder from this repo
  2. Unzip the contents and extract the themes for into config/
  • The above assumes you don't already have a themes folder, if you do read below!
  • If you already have a themes folder, then just extract the waves folder into config/themes/
  1. Make sure the following is in your configuration.yaml folder
frontend: 
  themes: !include_dir_merge_named themes
  1. Restart your Home Assistant server
  2. Select the theme in your user profile settings

Automate theme

If you would like to automate your theme so it is always Waves across any device, you can do this via an automation.

  1. Click on configuration
  2. Click on Automations
  3. Click + Add Automation
  4. Click - Start with an empty Automation"
  5. Change Name to "Theme - Set Default Theme"
  6. Change trigger type to 'Home Assistant' & Event: start
  7. Scroll down to Action
  • Action Type: Call Service
  • Service: Home Assistant Frontend: Set Theme
  • Name: waves

waves's People

Contributors

tgcowell avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.