Different bar graph colours?

[doncarajo]

Hi,

I have 3 instances of Pi-Hole at 3 sites. I noticed that on one of the sites (my home) the bars showing blocked clients/blocked domains are gray. It seems to be only on chrome so may not have anything to do with Pi-Hole itself.

Any ideas?

[rdwebdesign]

I have 3 instances of Pi-Hole at 3 sites...
... It seems to be only on chrome so may not have anything to do with Pi-Hole itself.

If the issue is happening only on one browser, it is probably a browser extension or browser option.

Do you use browser extensions to "force" dark mode or to change CSS styles?

If you do, try with all extensions disabled. If the issues persists, please post a screenshot.

[doncarajo]

Hi. Thank you for your suggestion. I disabled all extensions and the issue persists. If I look at the other sites on the same browser though, the bars are red. This is an issue on my iPad as well for that site. I am attaching a screenshot.

[rdwebdesign]

Your new comment says the issue is happening in different browsers/devices... so let's start again.

I have 3 instances of Pi-Hole at 3 sites.

Are you running the same Pi-hole version (v5 or v6) in all instances?

If the versions are different, this is expected:

• v5 uses green for Allowed and gray for Blocked
  (the same colors are used on the "Total queries" graphic);

• v6 uses green for Allowed, red for Blocked
  (the same colors are used on the "Total queries" graphic, but the new graphic also contains blue for Cached and gray for Others);

[doncarajo]

Hi again. I've only noticed the error on chrome on my iMac and chrome on my iPad for the one pihole instance. The other instances render with the correct colours. All instances are up to date and on v6. When viewed from another browser (Safari) all sites render properly. That's why I think it's a Chrome issue (also on the iPad).

[rdwebdesign]

Ok... if all 3 instances are running Pi-hole v6 and all 3 instances show correct colors in a different browser, the issue is definitely in Chrome (for iOS).

I can only imagine 2 possible scenarios:

1. Chrome is using a browser extension or you are using a Chrome option to "force" a fake dark mode, like in this issue: Greyscale Query graph on iPhone?
   If that's your case, this is really a browser bug and this is the suggested fix (Turning off the option should also work for Chrome).

2. Another possibility is the browser is using an older CSS file (cache issue) for this specific instance. The solution is to clear the browser cache.

[doncarajo]

Hi again. I agree that this is a browser issue. I don't use dark modes at all as I don't like them. I will try clearing the cache and see if that helps.

Edit: Clearing the cache worked thank you.