Blocky HASS theme

Based on the stylesheets I use regularly for my own projects, I've decided to port it over to Home Assistant. This theme gives a sleek, modern look to your Home Assistant interface with support for light and dark mode and, when I figure out how, support for custom primary, accent, tertiary and quaternary colors.

Light mode	Dark mode

Usage

Requirements

1. card-mod

HACS

1. Go to the HACS page.
2. Click on the options menu in the top right corner.
3. Click Custom repositories.
4. Add the following:
   • URL: https://github.com/PixNyb/hass-theme-blocky
   • Type: Theme
5. Click Add.
6. Look for the Blocky - By PixNyb theme in the HACS store.
7. Install the theme.
8. Reload home assistant.
   1. Go to the Settings page.
   2. Click System.
   3. Press the power button in the top right corner.
   4. Click Quick reload.

Manual

1. Download the blocky.yaml file.
2. Place the file in your config/themes directory.
3. Add the following to your configuration.yaml if it's not already there:

   frontend:
       themes: !include_dir_merge_named themes

4. Reload home assistant.
   1. Go to the Settings page.
   2. Click System.
   3. Press the power button in the top right corner.
   4. Click Quick reload.

Enabling the theme

Individually

1. Open your Home Assistant profile.
2. Under Themes, select Blocky.

Globally

1. Go to the Developer tools page.
2. Click ACTIONS.
3. Under Action, select frontend: Set the default theme.
4. Under Theme, select Blocky.
5. Click PERFORM ACTION.