My latest Lovelace Screens [Updated]

Share your Projects! Dashboards & Frontend
1

New Rounded Cards with shadowing and background

%20Home
%20Home1892×927 689 KB
%20Security
%20Security1887×852 520 KB
%20Downstairs
%20Downstairs1877×913 631 KB
%20Playroom
%20Playroom1885×643 388 KB
%20Patio
%20Patio1876×644 405 KB
%20Bedroom
%20Bedroom1868×912 530 KB
%20Jackson%20Room
%20Jackson%20Room1880×667 366 KB
%20Hudson%20Room
%20Hudson%20Room1885×644 340 KB
%20Bathroom
%20Bathroom1854×936 466 KB
%20System%20Status
%20System%20Status1884×934 658 KB
%20Thing%20Status
%20Thing%20Status1882×893 560 KB
%20Appliances
%20Appliances1882×695 459 KB
%20Xiaomi%20Status
%20Xiaomi%20Status1897×936 236 KB
%20Garden
%20Garden1888×766 613 KB

%20Home
%20Home1636×657 316 KB
%20Security
%20Security1631×841 274 KB
%20Downstairs
%20Downstairs1635×857 403 KB
%20Playroom
%20Playroom1639×477 309 KB
%20Patio
%20Patio1634×598 220 KB
%20Jackson%20Room
%20Jackson%20Room1633×466 247 KB
%20Bathroom
%20Bathroom1645×905 351 KB
%20System%20Status
%20System%20Status1631×710 373 KB
%20Thing%20Status
%20Thing%20Status1649×893 367 KB
%20Appliances
%20Appliances1631×691 296 KB
%20Xiaomi%20Status
%20Xiaomi%20Status1637×827 196 KB
%20Garden
%20Garden1632×771 426 KB

27 Likes
2

How did you do this? Looks fucking awesome

2 Likes
3

Hi David thanks I can’t post the code here as its nearly 2500 lines of yaml :wink: you can find all code in my repo Lovelace

Caution its now up to 4000 lines of yaml

1 Like
4

Nice work mate, I do love posts like this for ideas.

2 Likes
5

Nicely done!

1 Like
6

Yeah, very nice. One question, how do you get your icons and labels to be white? I could only get the labels white with color: white which strangely, I see you didn’t need(!). Nothing I did changed the icon colour.

1 Like
7

This is really great, truly inspirational, nice work!

1 Like
8

I use lovelace in conjunction with a theme called midnight, you can find it in my package theme_control

1 Like
9

Thanks, I’m really loving the Lovelace: Mini Media Player its a great addition. Would be great if I could add a default banner or background to the card whilst nothing is playing.

10

Thanks!
Great idea, I’ll add a background option in the next release to display a provided background while no artwork is present.

1 Like
11

dude! these look great, just used the pictures for presence code.
For some reason i dont have the banner at the bottom of my picture-elements card. any thoughts?

12

I had to add it with paint on the picture first

image
image1143×329 30.1 KB

1 Like
13

Icons (marked with red arrows) can be white?

And the inscription (marked with a white cube and a white arrow) will be white?

Fullscreen_9_29_18__08_58
Fullscreen_9_29_18__08_582880×1844 873 KB

1 Like
14

Do you have any custom_ui in your config or are running more then one theme?. You may also need to clear your browser cache.

15

No, just one theme like yours.

I deleted cache, the same. Do you have white icons?

16

Beautiful stuff, lots of inspiration here!

One question: how do you get the icon to turn yellow for Living: Detected?

1 Like
17

It is set within the midnight theme I use, you can change it to whatever colour you like from within the theme.

18

Hi Jimpower, It theme is so beautiful. Any chance for you to share your lovelace folder as it is not in your Git and it seems your pictures are stored in this forlder.

Thank you again for sharing this theme.

1 Like
19

I have uploaded to github you can find them here

20

Thank you so much for the share of your work. It’s awesome.

2 Likes