How to make chart texts and lines darker / thicker via CSS

Lichtzeichen_Anlage · August 22, 2019, 3:46pm

Hi,

I’m new to openhab and so I’m new to HABpanel, too. The eyes of my father are not the best anymore and he has especially problems with low contrasts. Unfortunately lot of texts are and lines are light gray and/or small. Is there a way to change this behavior e.g. via CSS and if it can be changed: how

opus · August 22, 2019, 5:01pm

I’m using the n3-line-chart and it looks like this:

IMHO the contrast is better and the possibility to fill the area below the chart-line does help.
Sorry, but I have no clue on how to change the font size.

Lichtzeichen_Anlage · August 22, 2019, 8:04pm

I’m using the same chart type. What color schema are you using for the dashboard?

opus · August 23, 2019, 6:42am

Default.

Lichtzeichen_Anlage · August 23, 2019, 5:38pm

Thanks - tested it. doesn’t really help. So - back to square one. Any e.g. CSS hints?

Lichtzeichen_Anlage · September 18, 2019, 1:00pm

Depending on the sample density enabling the data points helps tho thicken the graph line

Theme: Material
Density: 4h / 1D / 2W
Data size: 12h

Lichtzeichen_Anlage · December 28, 2019, 6:19pm

Finally I found a way to enlarge fonts in a chart (and that’s helps readability for my father) by using the font scaling option for dashboards. The only thing missing right now is to change the font color. For whatever reason they are printed dark on the desktop and light gray on a tablet.