Pi-Hole midnight css theme

General Customizing Pi-hole
1

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.

Screenshot

Install

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).

Uninstall/Revert

Type the following commands into SSH, line by line.

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

Screenshot

7 Likes
3

Nice theme. Thanks. :slight_smile:

4

will this work on v4?

5

great work like it a lot :slight_smile:

Using it now :slight_smile:

6

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
7

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?
Thanks!

8

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

9

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

10

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 .
11

very nice theme. thank you.