Skip to content

coltondick/nordic-theme-main

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

hacs_badge Last Commit GitHub license GitHub stars Linkedin


Logo

Home Assistant Nordic Theme

A simple Nordic theme based on the Nord color pallette.

Table of Contents
  1. Screenshot
  2. Home Assistant Setup
  3. HACS installation
  4. Enable theme
  5. Color Options
  6. Color Reference
  7. Credit

Screenshot

Home Assistant Setup

Make sure that under the configuration.yaml file you have the following:

frontend:
  themes: !include_dir_merge_named themes

HACS installation

  1. Go into the Community Store (HACS)
  2. Search for Nordic theme
  3. Open the theme
  4. Press Install
  5. (optional) Restart Home Assistant

Enable theme

  1. Open your Home Assistant Profile
  2. Under, Themes, select the new Nordic theme

Color Options

Any of the colors can be used anywhere a color parameter is accept in Home Assistant's configuration.

## Example graph card using color from the themes variables.

type: custom:mini-graph-card
entities:
  - sensor.temperature
name: Weather
line_color: var(--aurora-red) # Replace var(--aurora-red) with any of the color variables listed below. ex. var(--snow-dark)
line_width: 8
font_size: 100
hours_to_show: 168
points_per_hour: 0.25

Color Reference

Color Variable Color Code Color
aurora-red #bf616a
aurora-blue #5e81ac
aurora-green #a3be8c
aurora-yellow #ebcb8b
aurora-orange #d08770
aurora-pink #b48ead
frost-green #8fbcbb
frost-sky-blue #88c0d0
frost-cadet-blue #81a1c1
frost-steel-blue #5e81ac
snow-dark #d8dee9
snow-medium #e5e9f0
snow-light #eceff4
polar-dark-gray #2e3440
polar-bright-gray #3B4252
polar-river-gray #434c5e
polar-light-gray #4c566a

Credit

  • Thanks to: aFFekopp for the noctis theme this is based on