[![hacs_badge](https://img.shields.io/badge/HACS-Default-41BDF5.svg?style=for-the-badge)](https://github.com/hacs/integration) [![Last Commit](https://img.shields.io/github/last-commit/coltondick/nordic-theme-main?style=for-the-badge)](https://github.com/coltondick/nordic-theme-main/commits/main) [![GitHub license](https://img.shields.io/github/license/coltondick/nordic-theme-main?style=for-the-badge)](LICENSE)

Home Assistant Nordic Theme

A simple Nordic theme based on the Nord color palette.

Table of Contents
  1. Screenshots
  2. Home Assistant Setup
  3. HACS installation
  4. Enable theme
  5. Color Options
  6. Color Reference
## Screenshots ### Nordic Light
Demo
Nordic Light Demo		 Dialogs
Nordic Light Dialogs
Metrics
Nordic Light Metrics		 Rodents
Nordic Light Rodents
Thermostat
Nordic Light Thermostat
### Nordic Dark
Demo
Nordic Dark Demo		 Dialogs
Nordic Dark Dialogs
Metrics
Nordic Dark Metrics		 Rodents
Nordic Dark Rodents
Thermostat
Nordic Dark Thermostat
### Nordic Blue Light
Demo
Nordic Blue Light Demo		 Dialogs
Nordic Blue Light Dialogs
Metrics
Nordic Blue Light Metrics		 Rodents
Nordic Blue Light Rodents
Thermostat
Nordic Blue Light Thermostat
### Nordic Blue Dark
Demo
Nordic Blue Dark Demo		 Dialogs
Nordic Blue Dark Dialogs
Metrics
Nordic Blue Dark Metrics		 Rodents
Nordic Blue Dark Rodents
Thermostat
Nordic Blue Dark Thermostat
### Home Assistant Setup Make sure that under the **configuration.yaml** file you have the following: ```yaml 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 accepted in Home Assistant's configuration. ```yaml ## Example graph card using color from the theme 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 | ![](https://readme-swatches.vercel.app/bf616a) | | aurora-blue | #5e81ac | ![](https://readme-swatches.vercel.app/5e81ac) | | aurora-green | #a3be8c | ![](https://readme-swatches.vercel.app/a3be8c) | | aurora-yellow | #ebcb8b | ![](https://readme-swatches.vercel.app/ebcb8b) | | aurora-orange | #d08770 | ![](https://readme-swatches.vercel.app/d08770) | | aurora-pink | #b48ead | ![](https://readme-swatches.vercel.app/b48ead) | | frost-green | #8fbcbb | ![](https://readme-swatches.vercel.app/8fbcbb) | | frost-sky-blue | #88c0d0 | ![](https://readme-swatches.vercel.app/88c0d0) | | frost-cadet-blue | #81a1c1 | ![](https://readme-swatches.vercel.app/81a1c1) | | frost-steel-blue | #5e81ac | ![](https://readme-swatches.vercel.app/5e81ac) | | snow-dark | #d8dee9 | ![](https://readme-swatches.vercel.app/d8dee9) | | snow-medium | #e5e9f0 | ![](https://readme-swatches.vercel.app/e5e9f0) | | snow-light | #eceff4 | ![](https://readme-swatches.vercel.app/eceff4) | | polar-dark-gray | #2e3440 | ![](https://readme-swatches.vercel.app/2e3440) | | polar-bright-gray | #3B4252 | ![](https://readme-swatches.vercel.app/3B4252) | | polar-river-gray | #434c5e | ![](https://readme-swatches.vercel.app/434c5e) | | polar-light-gray | #4c566a | ![](https://readme-swatches.vercel.app/4c566a) |