How to change the color of fonts under gauges

Marko S

unread,

Mar 4, 2016, 11:52:16 AM3/4/16

to Node-RED UI

Does anyone maybe know "how to change the color of fonts under gauges", because if I wanted to make a dark theme using the template node it looks ugly if the text under the gauges is black (I'd like it gray or white).

Btw where is Andrei, did anyone try to contact him some way?

Marko S

unread,

Mar 28, 2016, 12:15:09 PM3/28/16

to Node-RED UI

Any feedback on this please, is there any angularjs dev here or whateever is the underlying technology behind this?

Since currently to make a dark theme is impossible.

Dne petek, 04. marec 2016 17.52.16 UTC+1 je oseba Marko S napisala:

Juha Autioniemi

unread,

Apr 5, 2016, 10:59:25 AM4/5/16

to Node-RED UI

Hi,

I use CSS to change attributes of the "200x160px" class which gauge uses ( at least by default).

Make new ui_template node and put following CSS-styling in that. Tab setting of ui_template node should be same what gauge have.

For example:

<!DOCTYPE HTML> 
<html>
   <head>
      <style>
         [class="200x160px"] text {
         font-size: 30px !important;               
         }
      </style>
   </head>
</html>

This changes gauge´s text font-size. Same approach works for any html element.

Best regards,

Juha

Marko S

unread,

Apr 10, 2016, 5:08:56 AM4/10/16

to Node-RED UI

Thank you very much for the help. I tried font size increase and it works, but how do I now change color. If I just replace font-size with color: rgb(256,256,256); I still get black text while I want white. :), sorry I'm a noob

Juha Autioniemi

unread,

Apr 10, 2016, 7:45:53 AM4/10/16

to Node-RED UI

Try

fill: #FFFFFF

or

fill: white

or

fill: RGB(256,256,256)

Juha

Marko S

unread,

Apr 10, 2016, 9:19:21 AM4/10/16

to Node-RED UI

Good idea/try, but seems it doesn't work :/. Can you try too maybe if I messed something, if it works for you?

Dne nedelja, 10. april 2016 13.45.53 UTC+2 je oseba Juha Autioniemi napisala:

Marko S

unread,

Apr 10, 2016, 9:20:29 AM4/10/16

to Node-RED UI

Wait I tried another way and now it works :D...Great thank you, I will now be able to make a dark theme :D

Dne nedelja, 10. april 2016 15.19.21 UTC+2 je oseba Marko S napisala:

Reply all

Reply to author

Forward