Text in node 'template' does not get red. Why?

Dashboard
1

Hi all
I am currently trying to adjust the text, text size and colour in the dashboard.
But I'm already failing with this:

<!DOCTYPE html>
<html>
    <head>
        <style>
            p   {color: red;}
        </style>
    </head>    
<body>
<p>red</p>
</body>
</html>

Why is the text "red" not shown in red on the dashboard (but in white)?

When I use this, it works as expected:

<font color=#FFFF00 size="5">{{((msg.payload.power - msg.payload.grid_feedin) + msg.payload.grid_consumption).toFixed(0)}}</font>

Kind regards
Thomas

2

If you are using ui-template, then you should not add html or body tags (the dashboard framework sets all of this up)

To provide an answer to your question, please state what version of dashboard you are using.