Blocky Theme

Hi! I’ve spent the past day or so working on a new hacs theme based on the css styling I use for most of my projects that i don’t care enough about to make them custom interfaces. It primarily does away with rounded corners (hence the name) and re-aligns some things to better suit the complete image (cough tile cards). Both dark and light mode are supported and if I can figure out how/if I can add color pickers like the default hass theme it’ll have support for up to 4 colors (primary, and 3 accent colors. They’re currently set to blue, teal, green and purple but are easy to change). Card-mod is required to get the most out of the theme but it’s alright without

Here’s the link

Still working on getting it into the HACS repository but that’ll be a while so the installation instructions mentioned in the readme for HACS currently don’t apply.

Keen on getting feedback!

3 Likes

Hello friend, I liked a lot the theme but found a little bug.

Notice that the cards are a little bit “cutted”, I dont know how to say this haha

image

normal theme:

image

The section is a simple one with tile cards inside it.
image

type: tile
entity: sensor.yahoofinance_bvsp
name: IBOV
icon: mdi:factory
color: accent
vertical: false
state_content:
  - state
  - daily_perf

Maybe is a margin/padding issue with the theme, thanks!

Appreciate the theme. I think I need to tweak the margins a bit, but overall it looks great!

Hello! I’ve come across this as well but decided that since the drag and drop functionality is still in development and not recommended that you use it in production just yet I’ll wait for it to be released and fix it then.

1 Like

I’ve gone ahead and checked out the issue some more and it’s because the grid rows have a set height in the new drag and drop editor. I’ll have to look for a way to change the height of them without it affecting the other cards too much but i’ll do that closer to release of the drag and drop dashboard

1 Like

Ok Friend!
Thanks for updating!