pi-hole-midnight icon indicating copy to clipboard operation
pi-hole-midnight copied to clipboard

Alternate version?

Open ail1020 opened this issue 7 years ago • 2 comments

Can we get an alternate version that keeps the original graph colors (green/blue/etc) and box colors? Basically the styling before this change: https://github.com/jacobbates/pi-hole-midnight/commit/2d415bb0acbad68a01038aeeb857f571f9293e6f

I like your styling overall and want to keep it updated, but I'm not a fan of the colors in the graphs and would prefer the top 4 boxes to have color yet.

ail1020 avatar Feb 20 '18 19:02 ail1020

Hi ail1020,

I'll organise this for you, but for now you can do a small modification to the theme file to restore the colors using SSH:

cd /var/www/html/admin/style/vendor/ sudo nano skin-blue.min.css

Add these five lines to the bottom of the file AFTER the existing lines:

.small-box.bg-aqua {background:#004c5f!important;} .small-box.bg-green {background:#004224!important;} .small-box.bg-red {background:#581e16!important;} .small-box.bg-yellow {background:#613e07!important;} .small-box .icon{color: rgba(0,0,0,0.15)!important;}

Then ctrl+x to save and exit file in the nano editor. Dont forget to Ctrl+f5 in your browser on the dashboard to refresh changes.

The hex colors in the above lines can be replaced with whatever you like :)

jacobbates avatar Feb 20 '18 20:02 jacobbates

This doesn't actually change the charts for queries over time and clients over time. The css that's making them pink and brown is

.chart svg, .chart canvas {
    -webkit-filter: invert(100%);
    filter: invert(100%); 
}

To change it, you can delete those lines from the css file. However then you won't see grid lines on the charts.

costaste avatar Jan 13 '19 22:01 costaste