Graph legend text color

graphing
Tags: #<Tag:0x00007fe229aaac68>

#1

Hi :slight_smile:

Is there a way to change the color of the graph legend text?
I have seen in the doc how to change graph color (in config.php file), but nothing about the legend text color, and the background color of the graph when you do a mouseover (always white).

thx in advance :slight_smile:


#2

Finally I found something to change color of the legend text (and axis text):
Inside the html/includes/graph/common.inc.php just add:
$rrd_options .= " -c FONT#FFFFFF";

It will be erase at each update, but it’s the only way i found :confused:


#3

You might be able to add it in the config.php,

I think the default settings are:

$config['rrdgraph_def_text']  = '-c BACK#EEEEEE00 -c SHADEA#EEEEEE00 -c SHADEB#EEEEEE00 -c FONT#000000 -c CANVAS#FFFFFF00 -c GRID#a5a5a5';
$config['rrdgraph_def_text'] .= ' -c MGRID#FF9999 -c FRAME#5e5e5e -c ARROW#5e5e5e -R normal';

So change/add your Font and apply the whole string in config.php?

Let me know if it works :slight_smile:


#4

Yes it’s working perfectly !
Thank you :slight_smile:

I added -c AXIS#D5D5D5 for axis color :slight_smile:


WebUi Style CSS DARK theme
#5

@eglyn can you share your config for dark visual ?


#6

the theme is not finished, but you can test it if you want:
Download files --> https://we.tl/t-ssfKhDToi7
put style.css in html/css/custom
put librenms_logo_blue.svg in html/images/custom
add to config.php:

$config['site_style'] = "mono";
$config['webui']['custom_css'][] = "css/custom/style.css";
$config['graph_colours']['greens'] = array('5efc82', '00c853', '009624');
$config['graph_colours']['blues'] = array('7a7cff','304ffe', '0026ca');
$config['graph_colours']['oranges'] = array('ff5131','d50000', '9b0000');
$config['graph_colours']['reds'] = array('ff5131','d50000', '9b0000');
$config['title_image'] = "images/custom/librenms_logo_blue.svg";
$config['rrdgraph_def_text']  = '-c BACK#EEEEEE00 -c SHADEA#EEEEEE00 -c SHADEB#EEEEEE00 -c FONT#D5D5D5 -c CANVAS#FFFFFF00 -c GRID#a5a5a500 -c AXIS#D5D5D5';
$config['rrdgraph_def_text'] .= ' -c MGRID#FF999900 -c FRAME#5e5e5e00 -c ARROW#5e5e5e00 -R normal';
$config['web_mouseover']      = false;

Screenshot:


#7

That’s awesome you should submit a PR in github when you are ready to share it. :slightly_smiling_face::+1:


#8

@eglyn link is not working. I really want that skin, its looking amazing
thank you


#9

Also wondering if we could get an updated link on this sweet dark theme


#10

Sorry, I was very busy this last time :confused:, you can download it here:
http://www.sendbox.fr/50f2b241ada6b05e/librenms_custom.zip
But i haven’t done any modification since my last post, I try to finish it next week :slight_smile:
So, there is a few bugs :sweat_smile:, just follow same instuctions on my previous post :slight_smile:


#11

On a related note, I actually wrote something specifically for tweaking only this.