Share your Themes

Share your Projects! Themes
94

@Bobby_Nobble Interesting. I’ll have a look. Thanks

95

This is what I did.

31
312846×1660 332 KB
18
18900×610 31.1 KB
38
38716×986 32.9 KB
15
152846×1658 245 KB

Here you find the code:

Regards Mike

11 Likes
96

Hi all
I am beginner user HA. Can you give me full manual step by step how add more than defualt themes ? I want add themes which is presented on this topic…
Thanks.

97

I just add them into a file called frontend.yaml

  extra_html_url:
    - /local/custom_ui/state-card-floorplan.html
    - /local/custom_ui/state-card-sstvremote.html
  javascript_version: latest
  themes:
    carbon_green:
      #Color List
      make-light-carbon: "#93A5AB"
      make-carbon: "#111924"
      make-grey: "#DEE5E7"
      make-green: "#C2DD08"
      blah blah blah
    teal:
      # Main Stuff #
      primary-color: "#1DE9B6" # Primary (most of the UI)
      primary-background-color: "#303030" # Primary background colour (dialogs, e.t.c)
      secondary-background-color: "#303030" # Secondary background colour (main UI background)
      blah blah blah

and call it from configuration.yaml with …
frontend: !include frontend.yaml

98

Thanks for reply
But if I want ads more than one theme how put it to frontend.yaml file?

100

Can you share your theme cyan ?

101

My example shows how to add more than one theme :stuck_out_tongue:

102

Thanks I added more than one theme. Thanks

103

Trying to use this REALLY NICE theme but something went wrong so i can’t se the devices names in the logbook! Any ideas what to change?

screenshot
screenshot497×526 21.2 KB

1 Like
104

you can find it here: Dark Cyan Theme

105

is there an overview of built-in colors we can use out of the box? red, green, white yellow seem to work when creating a theme, but grey or brown not.

Other then specifying the colors like this “#4e4e4e” id love to read which colors are builtin so to speak.

Cheers,
Marius

106

What did you use for your floorplan? I used sketchup, I’m just not happy with it.

107

Luckily our home builder had our floorplans available as an svg file on their website. So I just grabbed them and modified.

108
5 Likes
109

Thanks!
Since all themes I saw were using codes instead of names I thought that wasn’t possible. (Have to check why Grey and Brown didn’t stick at first, showing alright now)
Why on earth isn’t this the standard for using colors in Hassio. So much easier and humanely understandable …?

Cheers
Marius

110

Because you are limited to 140 colours, where as with the numbers 16milion colours.

111

Can someone tell me how I can add fonts? I have a ttf file with a font that I would like to use in my frontend.

2 Likes
112

lol, sure, i see. And understand, of course. Still hard pressed if not sufficient colors available in these 140…

114

Hi @daxm

Have you solved your “questions”?

I’d like, as you, to change the color of charts and for the following icons and “slide” rules.

Which variables are controlling this items or are they hard coded? :frowning:

image
image864×398 25.2 KB

Thank you very much for your help :slight_smile:

3 Likes
115

42%20PM%201
42%20PM%2013360×1904 430 KB

This is my dashboard at the moment, I’m still working on the theme, but I think most of what I want to change isn’t possible with the current theme engine :confused:

6 Likes