# Dark Admin Dashboard

**URL:** <https://discourse.pi-hole.net/t/dark-admin-dashboard/2569>\
**Category:** Customizing Pi-hole\
**Created:** [April 10, 2017, 8:54pm UTC](https://discourse.pi-hole.net/t/dark-admin-dashboard/2569 "2017-04-10T20:54:42Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![LKD70](https://discourse-cdn.pi-hole.net/user_avatar/discourse.pi-hole.net/lkd70/32/1010_2.png) [@LKD70](https://discourse.pi-hole.net/u/LKD70)\
**Post date:** [April 10, 2017, 8:54pm UTC](https://discourse.pi-hole.net/t/dark-admin-dashboard/2569/1 "2017-04-10T20:54:42Z")

</div>

## LKD70's Dark Theme intergration for the admin dashboard.

Inspiration from @doctormidnight ([old thread](https://discourse.pi-hole.net/t/dark-admin-theme/647/))

This is a simple standalone dark theme implementation that overwrites parts of the current white admin theme to provide an alternative that won't burn your eyes at 2 in the morning. 😉

A sample of the admin dashboard with this theme applied:

 ![](https://discourse.pi-hole.net/uploads/default/original/3X/0/a/0a5ad2eda2641c0ce61a476bb5bbacdcb11509c9.png)

Keep in mind this theme is brand new, likely to change and does not come without its issues.

You can find the source of the theme and a simple install guide here:

> **[GitHub - lkd70/PiHole-Dark: A Dark theme for the pihole admin page.](https://github.com/lkd70/PiHole-Dark)**
>
> A Dark theme for the pihole admin page.

### Easy Install

Simple install instructions for those of you who are too lazy to go to the GitHub page.

1. Download the [install.sh file](https://github.com/lkd70/PiHole-Dark/blob/master/install.sh) to this directory: `/var/www/html/`
2. open a terminal ( Ctrl + Alt + T )
3. type: `cd /var/www/html`
4. type: `sudo su` (type your password if promoted)
5. type: `chmod +x install.sh`
6. type: `./install.sh`
7. Follow the onscreen instructions

### Feedback

Feedback is welcomed and encouraged. Any changes you'd like to see, do mention in the comments. Any Changes you've made and wish to share? Do a pull request, I'll check it out and maybe accept it (with credit where credit is due, of course).

---

<div class="post-metadata">

**Author:** ![Brad\_Parker](https://discourse-cdn.pi-hole.net/letter_avatar_proxy/v4/letter/b/a87d85/32.png) [@Brad\_Parker](https://discourse.pi-hole.net/u/Brad_Parker)\
**Post date:** [April 10, 2017, 9:58pm UTC](https://discourse.pi-hole.net/t/dark-admin-dashboard/2569/2 "2017-04-10T21:58:57Z")

</div>

I got the following messages:  
root@tslenter-pi\_hole2:/var/www/html# ./install.sh  
./install.sh: line 7: syntax error near unexpected token `newline' ./install.sh: line 7: `'  
root@tslenter-pi\_hole2:/var/www/html#

---

<div class="post-metadata">

**Author:** ![LKD70](https://discourse-cdn.pi-hole.net/user_avatar/discourse.pi-hole.net/lkd70/32/1010_2.png) [@LKD70](https://discourse.pi-hole.net/u/LKD70)\
**Post date:** [April 11, 2017, 2:28am UTC](https://discourse.pi-hole.net/t/dark-admin-dashboard/2569/3 "2017-04-11T02:28:46Z")

</div>

If there's a blank line, remove it... If not, add a # comment, to the end of line 6.

---

<div class="post-metadata">

**Author:** ![deathbybandaid](https://discourse-cdn.pi-hole.net/user_avatar/discourse.pi-hole.net/deathbybandaid/32/893_2.png) [@deathbybandaid](https://discourse.pi-hole.net/u/deathbybandaid)\
**Post date:** [April 11, 2017, 12:32pm UTC](https://discourse.pi-hole.net/t/dark-admin-dashboard/2569/4 "2017-04-11T12:32:15Z")

</div>

small typo in the backup script:

cp -f admin/style/vendor/adminLTE.min.css admin/style/vendor/AdminLTE.min.bkp.css

The original filename has a capital A , and this causes the backup to fail.

---

<div class="post-metadata">

**Author:** ![deathbybandaid](https://discourse-cdn.pi-hole.net/user_avatar/discourse.pi-hole.net/deathbybandaid/32/893_2.png) [@deathbybandaid](https://discourse.pi-hole.net/u/deathbybandaid)\
**Post date:** [April 11, 2017, 12:33pm UTC](https://discourse.pi-hole.net/t/dark-admin-dashboard/2569/5 "2017-04-11T12:33:08Z")

</div>

Slightly alternative instructions for those just using ssh:

```
cd /var/www/html/

sudo wget https://raw.githubusercontent.com/lkd70/PiHole-Dark/master/install.sh

sudo chmod +x install.sh

sudo ./install.sh

```

It will prompt you to make a backup of the default Pihole Dashboard. HIGHLY RECOMMENDED.

```
Y/N

```

It will prompt you whether you want to install the theme.

```
Y/N

```

All Done!

---

<div class="post-metadata">

**Author:** ![deathbybandaid](https://discourse-cdn.pi-hole.net/user_avatar/discourse.pi-hole.net/deathbybandaid/32/893_2.png) [@deathbybandaid](https://discourse.pi-hole.net/u/deathbybandaid)\
**Post date:** [April 11, 2017, 1:27pm UTC](https://discourse.pi-hole.net/t/dark-admin-dashboard/2569/6 "2017-04-11T13:27:39Z")

</div>

Should also toss together an uninstall script before some of the noobs install it and can't figure out how to revert lol.

I'd suggest that it copies the backups instead of just moving them. On the off-chance that theming pihole becomes popular, there should always be a copy of the original.

I'm also assuming that pihole -r would redownload the file if missing.

---

<div class="post-metadata">

**Author:** ![PromoFaux](https://discourse-cdn.pi-hole.net/user_avatar/discourse.pi-hole.net/promofaux/32/1545_2.png) [@PromoFaux](https://discourse.pi-hole.net/u/PromoFaux)\
**Post date:** [April 11, 2017, 1:54pm UTC](https://discourse.pi-hole.net/t/dark-admin-dashboard/2569/7 "2017-04-11T13:54:56Z")

</div>

> [@deathbybandaid](#):
>
> I'm also assuming that pihole -r would redownload the file if missing.

Heh, `pihole -r` doesn't actually redownload the repo, rather it sorts out the files from the "hidden" core repo in `/etc/.pihole` and puts files back in the correct places around the system.

`/var/www/html/admin` is a direct clone of the repo, which is untouched during a pi-hole -r, you'd need to `cd` into the directory and run `sudo git reset --hard` to roll back changes.

Although, from just playing with it now, running `pihole checkout master` also resets the repo

---

<div class="post-metadata">

**Author:** ![deathbybandaid](https://discourse-cdn.pi-hole.net/user_avatar/discourse.pi-hole.net/deathbybandaid/32/893_2.png) [@deathbybandaid](https://discourse.pi-hole.net/u/deathbybandaid)\
**Post date:** [April 11, 2017, 2:29pm UTC](https://discourse.pi-hole.net/t/dark-admin-dashboard/2569/8 "2017-04-11T14:29:36Z")

</div>

So if the end-user is running the master branch, and they accidentally break something running `pihole checkout master` will actually repair better than `pihole -r` ??

I recently had to redo my pihole, because i broke things so bad. (I can never stop tinkering). I wish I had thought to do the checkout command to redownload the repository.

Now on a side note, that would probably be a good feature request for `pihole -r` to have a third option to "fresh start reinstall". Could move all the pihole files to a temporary directory, re-download the repositories, apply a fresh lighttpd conf,,, and if an error occurs during this process, offer an option to either: revert the changes by moving things back from the temporary directory,,,, or to remove the files from the temporary directory.

---

<div class="post-metadata">

**Author:** ![PromoFaux](https://discourse-cdn.pi-hole.net/user_avatar/discourse.pi-hole.net/promofaux/32/1545_2.png) [@PromoFaux](https://discourse.pi-hole.net/u/PromoFaux)\
**Post date:** [April 11, 2017, 2:49pm UTC](https://discourse.pi-hole.net/t/dark-admin-dashboard/2569/9 "2017-04-11T14:49:45Z")

</div>

Yeah, looks like it could do with some tweaking, but that's for another thread!

In terms of an uninstall script for this theme, running `sudo git reset --hard` will do the trick

---

<div class="post-metadata">

**Author:** ![Davey](https://discourse-cdn.pi-hole.net/user_avatar/discourse.pi-hole.net/davey/32/100_2.png) [@Davey](https://discourse.pi-hole.net/u/Davey)\
**Post date:** [April 11, 2017, 3:53pm UTC](https://discourse.pi-hole.net/t/dark-admin-dashboard/2569/10 "2017-04-11T15:53:36Z")

</div>

Seems to have skinned the graphics, but left the background white?

---

<div class="post-metadata">

**Author:** ![LKD70](https://discourse-cdn.pi-hole.net/user_avatar/discourse.pi-hole.net/lkd70/32/1010_2.png) [@LKD70](https://discourse.pi-hole.net/u/LKD70)\
**Post date:** [April 11, 2017, 6:26pm UTC](https://discourse.pi-hole.net/t/dark-admin-dashboard/2569/11 "2017-04-11T18:26:08Z")

</div>

Thanks for pointing this out! Updated it now. I had rewritten the script instead of copying from my VNC, so that version hadn't been tested.

---

<div class="post-metadata">

**Author:** ![LKD70](https://discourse-cdn.pi-hole.net/user_avatar/discourse.pi-hole.net/lkd70/32/1010_2.png) [@LKD70](https://discourse.pi-hole.net/u/LKD70)\
**Post date:** [April 11, 2017, 6:26pm UTC](https://discourse.pi-hole.net/t/dark-admin-dashboard/2569/12 "2017-04-11T18:26:41Z")

</div>

Great guide. I'll add it to the github (with credits, of course).

---

<div class="post-metadata">

**Author:** ![LKD70](https://discourse-cdn.pi-hole.net/user_avatar/discourse.pi-hole.net/lkd70/32/1010_2.png) [@LKD70](https://discourse.pi-hole.net/u/LKD70)\
**Post date:** [April 11, 2017, 6:49pm UTC](https://discourse.pi-hole.net/t/dark-admin-dashboard/2569/13 "2017-04-11T18:49:23Z")

</div>

Good job, you found a bug! Fixed it now. Please reinstall this and all should be fixed.

BTW if anyone has any suggestions for a better background tile image, please do tell me!

---

<div class="post-metadata">

**Author:** ![Davey](https://discourse-cdn.pi-hole.net/user_avatar/discourse.pi-hole.net/davey/32/100_2.png) [@Davey](https://discourse.pi-hole.net/u/Davey)\
**Post date:** [April 11, 2017, 8:35pm UTC](https://discourse.pi-hole.net/t/dark-admin-dashboard/2569/14 "2017-04-11T20:35:03Z")

</div>

Perfect, working great after the update (And clearing FF cache) as it was still white after a reboot 🙂

Thanks!

---

<div class="post-metadata">

**Author:** ![deathbybandaid](https://discourse-cdn.pi-hole.net/user_avatar/discourse.pi-hole.net/deathbybandaid/32/893_2.png) [@deathbybandaid](https://discourse.pi-hole.net/u/deathbybandaid)\
**Post date:** [April 12, 2017, 1:10am UTC](https://discourse.pi-hole.net/t/dark-admin-dashboard/2569/15 "2017-04-12T01:10:25Z")

</div>

I may be crazy,,,,

but the interface seems to be much snappier with this theme applied. Even the query log page!!!

And that is saying something, as I'm currently blocking 1,850,143 domains.

For performance reference, Pi3 with wally3k's suggested php tweak.

---

<div class="post-metadata">

**Author:** ![LKD70](https://discourse-cdn.pi-hole.net/user_avatar/discourse.pi-hole.net/lkd70/32/1010_2.png) [@LKD70](https://discourse.pi-hole.net/u/LKD70)\
**Post date:** [April 12, 2017, 1:17am UTC](https://discourse.pi-hole.net/t/dark-admin-dashboard/2569/16 "2017-04-12T01:17:11Z")

</div>

The JS changes will make the charts load a little quicker, that's all I can think off the top of my head. But dark themes are always more appealing, perhaps just a placebo effect? Would need to monitor the network speed on both to find out for sure 😉

---

<div class="post-metadata">

**Author:** ![deathbybandaid](https://discourse-cdn.pi-hole.net/user_avatar/discourse.pi-hole.net/deathbybandaid/32/893_2.png) [@deathbybandaid](https://discourse.pi-hole.net/u/deathbybandaid)\
**Post date:** [April 12, 2017, 1:19am UTC](https://discourse.pi-hole.net/t/dark-admin-dashboard/2569/17 "2017-04-12T01:19:58Z")

</div>

At first I thought maybe it was sugarpills!!

but with how many domains I'm blocking,, and I'm running Master (no FTL),,, I honestly think it is faster!

---

<div class="post-metadata">

**Author:** ![LKD70](https://discourse-cdn.pi-hole.net/user_avatar/discourse.pi-hole.net/lkd70/32/1010_2.png) [@LKD70](https://discourse.pi-hole.net/u/LKD70)\
**Post date:** [April 12, 2017, 1:27am UTC](https://discourse.pi-hole.net/t/dark-admin-dashboard/2569/18 "2017-04-12T01:27:24Z")

</div>

Haha amazing to hear. That'd be a good pushing point 😉

By the way, I know the back.png is horrid. I legit opened photoshop and splatted some white on a black background. So take a look here peeps and choose one you'd like for yourself, or recommend one for the project (I can use that or make one like it if licenses are an issue)

[http://www.free-patterns.info/](http://www.free-patterns.info/)

---

<div class="post-metadata">

**Author:** ![deathbybandaid](https://discourse-cdn.pi-hole.net/user_avatar/discourse.pi-hole.net/deathbybandaid/32/893_2.png) [@deathbybandaid](https://discourse.pi-hole.net/u/deathbybandaid)\
**Post date:** [April 12, 2017, 1:40am UTC](https://discourse.pi-hole.net/t/dark-admin-dashboard/2569/19 "2017-04-12T01:40:07Z")

</div>

[http://www.free-patterns.info/patterns/steel-wall-ver1/](http://www.free-patterns.info/patterns/steel-wall-ver1/)

would be pretty cool.

---

<div class="post-metadata">

**Author:** ![Davey](https://discourse-cdn.pi-hole.net/user_avatar/discourse.pi-hole.net/davey/32/100_2.png) [@Davey](https://discourse.pi-hole.net/u/Davey)\
**Post date:** [April 12, 2017, 1:33pm UTC](https://discourse.pi-hole.net/t/dark-admin-dashboard/2569/20 "2017-04-12T13:33:13Z")

</div>

No you're not crazy, it definitely loads the graphs and blocked lists a lot faster using this theme, I noticed it immediately too

With default white theme it can take upwards of 30 seconds, with this theme it was around 15-20

[Next page](https://discourse.pi-hole.net/t/dark-admin-dashboard/2569.md?page=2)