Pi-Hole midnight css theme

pi-hole-midnight css theme

Really enjoyed customising the css in pi-hole to suit my personal needs. I’ve recently posted this on reddit, now posting here for visibility after some minor updates. Check out the latest version / follow updates on github.



Type the following commands into SSH, line by line.

cd /var/www/html/admin/style/vendor/
sudo git clone https://github.com/jacobbates/pi-hole-midnight.git
sudo rm -f skin-blue.min.css
sudo cp pi-hole-midnight/skin-blue.min.css .
sudo rm -rf pi-hole-midnight

Don’t forget the trailing " ." on the cp line (it means copy to current directory).


Type the following commands into SSH, line by line.

cd /var/www/html/admin/style/vendor/
sudo git reset --hard



Nice theme. Thanks. :slight_smile:

will this work on v4?

great work like it a lot :slight_smile:

Using it now :slight_smile:

I just installed it on my updated to v4 and it work for me :slight_smile:

[sudo] lösenord för pihole:
  Pi-hole version is v4.0 (Latest: v4.0)
  AdminLTE version is v4.0 (Latest: v4.0)
  FTL version is v4.0 (Latest: v4.0)
1 Like

Hello I have used the midnight css theme in the web interface version v4.3.2 and have now updated to the web interface version v4.3.3 now I no longer have the midnight theme it is now bright again.

Can someone help me?

The update might have overwritten the old CSS/HTML. Just try reinstalling the theme as the author described above.

Wow Thx for your effort. still works with Version v4.3.1

Oh but had to Clear the Browsercache in Chrome(OS)

  1. Open the Developer tools using F12 or Ctrl + Shift + I.
  2. Right-click the Refresh button, and select Empty cache and Hard reload .

very nice theme. thank you.