# Dark Admin Theme

**URL:** <https://discourse.pi-hole.net/t/dark-admin-theme/647>\
**Category:** Customizing Pi-hole\
**Created:** [November 21, 2016, 10:14pm UTC](https://discourse.pi-hole.net/t/dark-admin-theme/647 "2016-11-21T22:14:16Z")\
**Posts on this page:** 16\
**Page:** 4

<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 10, 2017, 3:45pm UTC](https://discourse.pi-hole.net/t/dark-admin-theme/647/62 "2017-04-10T15:45:18Z")

</div>

Must just be the lighting on my screen.

---

<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 10, 2017, 3:54pm UTC](https://discourse.pi-hole.net/t/dark-admin-theme/647/63 "2017-04-10T15:54:02Z")

</div>

I know several web apps that allow you to place theme files into a directory, and then have a dropdown menu to select the desired theme.

It makes stylizing super easy. [Here's an example of a webpage that allows quick changes of theme.](http://phpsysinfo.sourceforge.net/phpsysinfo/index.php?disp=dynamic)

**Makes for a good feature request.**

---

<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, 7:12pm UTC](https://discourse.pi-hole.net/t/dark-admin-theme/647/64 "2017-04-10T19:12:58Z")

</div>

the original poster on this thread was using Stylish that does pretty much that. Though a native alternative was needed for proper implementation.

---

<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 10, 2017, 7:45pm UTC](https://discourse.pi-hole.net/t/dark-admin-theme/647/65 "2017-04-10T19:45:57Z")

</div>

> [@LKD70](#):
>
> I'll post the code if anyone is interested.

do you have this hosted on github?

Edit: if so, we could write a simple bash script that makes a backup of the original file, download the new one.  
Then make a second script to "uninstall".

---

<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:17pm UTC](https://discourse.pi-hole.net/t/dark-admin-theme/647/66 "2017-04-10T20:17:11Z")

</div>

Just uploaded it to github!

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

Not made a bash or bat script yet, will do so shortly.

---

<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 10, 2017, 8:30pm UTC](https://discourse.pi-hole.net/t/dark-admin-theme/647/67 "2017-04-10T20:30:15Z")

</div>

If not a way to change the theme in the webui, the devs should probably ship pihole with a "default css" file. Similarly to how pihole detects the adlists.list file,,, then load the replacement css.

Every pihole -up or -r could make sure the default copy remains.

---

<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:43pm UTC](https://discourse.pi-hole.net/t/dark-admin-theme/647/68 "2017-04-10T20:43:47Z")

</div>

![](https://discourse.pi-hole.net/uploads/default/original/3X/4/7/476f6e532ddf7539d671f2078ce9dcae40cc1653.png)

Look simple enough?

Install instructions here:

> <https://github.com/lkd70/PiHole-Dark/blob/master/README.md#easy-install>

---

<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:44pm UTC](https://discourse.pi-hole.net/t/dark-admin-theme/647/69 "2017-04-10T20:44:43Z")

</div>

Created another thread for this so we're not spamming this old one:

[https://discourse.pi-hole.net/t/dark-admin-dashboard/](https://discourse.pi-hole.net/t/dark-admin-dashboard/)

---

<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:58pm UTC](https://discourse.pi-hole.net/t/dark-admin-theme/647/70 "2017-04-12T13:58:55Z")

</div>

You know what would be really cool?

IDK if either of you use [Organizr](https://github.com/causefx/Organizr), but not only does it support themes, but it also let's you play with Hex Colors directly from the webui.

---

<div class="post-metadata">

**Author:** ![Sjonnie](https://discourse-cdn.pi-hole.net/user_avatar/discourse.pi-hole.net/sjonnie/32/1112_2.png) [@Sjonnie](https://discourse.pi-hole.net/u/Sjonnie)\
**Post date:** [April 16, 2017, 1:52pm UTC](https://discourse.pi-hole.net/t/dark-admin-theme/647/72 "2017-04-16T13:52:33Z")

</div>

I would really love to use this theme. It is easy on the eye and very clean.

I have read the [other thread](https://discourse.pi-hole.net/t/dark-admin-dashboard/?source_topic_id=647) and tried to modify the colours. I do appreciate and respect the work @LKD70 has done but I would like to use some more subdued colours in the graphs and use the graphics from this theme. Thus far have been unable to modify the files correctly.

I would be grateful if you could provide the files that create this theme.

TIA

Sjonnie

---

<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:** [June 7, 2017, 4:08pm UTC](https://discourse.pi-hole.net/t/dark-admin-theme/647/73 "2017-06-07T16:08:55Z")

</div>

Hey! Thanks for the mention 🙂

My theme is based at purely making the current appearance a little easier on the eyes.

The only addition I did make is I made an object as to where you can edit the colours for the graphs and such a little quicker. (see the chartStyle object in index.js for this).

The "icons" used in this (if I understand correctly, you mean the 'ion' icons, these can be changed very easily to another from the provided list of ion icons in ionicons.min.js

I didn't change anything like that (despite it looking better) as i wished to keep it as close to the original as possible. Though I'm welcome to suggestions and change on these things if you wish to comment them on my thread. 😃

---

<div class="post-metadata">

**Author:** ![Adde](https://discourse-cdn.pi-hole.net/letter_avatar_proxy/v4/letter/a/e36b37/32.png) [@Adde](https://discourse.pi-hole.net/u/Adde)\
**Post date:** [July 23, 2018, 8:14pm UTC](https://discourse.pi-hole.net/t/dark-admin-theme/647/75 "2018-07-23T20:14:03Z")

</div>

Is there a way to change color on the grafiklines?  
By the way :=) Nice work LOVE the dark theme 🙂

---

<div class="post-metadata">

**Author:** ![Adde](https://discourse-cdn.pi-hole.net/letter_avatar_proxy/v4/letter/a/e36b37/32.png) [@Adde](https://discourse.pi-hole.net/u/Adde)\
**Post date:** [July 23, 2018, 8:15pm UTC](https://discourse.pi-hole.net/t/dark-admin-theme/647/76 "2018-07-23T20:15:38Z")

</div>

Like the pink colour 😉 thx for a nice theme

---

<div class="post-metadata">

**Author:** ![LameCranberry](https://discourse-cdn.pi-hole.net/letter_avatar_proxy/v4/letter/l/4da419/32.png) [@LameCranberry](https://discourse.pi-hole.net/u/LameCranberry)\
**Post date:** [August 11, 2018, 7:03pm UTC](https://discourse.pi-hole.net/t/dark-admin-theme/647/77 "2018-08-11T19:03:34Z")

</div>

Love the theme (99%) but hate the background. I logged in with sftp on Filezilla and found the image at /var/www/html/admin/img/boxed-bg.jpg but no matter what I do I cant change the permissions so I can change the img. I tried 755 777 and nothing works. I just get a failed file transfer and permission denied.

Anyone have a clue what Im doing wrong and how to change the image? Thanks.

---

<div class="post-metadata">

**Author:** ![rakunt](https://discourse-cdn.pi-hole.net/letter_avatar_proxy/v4/letter/r/e47774/32.png) [@rakunt](https://discourse.pi-hole.net/u/rakunt)\
**Post date:** [May 21, 2020, 9:12pm UTC](https://discourse.pi-hole.net/t/dark-admin-theme/647/78 "2020-05-21T21:12:18Z")

</div>

Is the theme tested with v5?

---

<div class="post-metadata">

**Author:** ![deannreid](https://discourse-cdn.pi-hole.net/user_avatar/discourse.pi-hole.net/deannreid/32/21352_2.png) [@deannreid](https://discourse.pi-hole.net/u/deannreid)\
**Post date:** [January 22, 2021, 9:24pm UTC](https://discourse.pi-hole.net/t/dark-admin-theme/647/79 "2021-01-22T21:24:16Z")

</div>

Not sure if this was being actively updated - so I've made my own version which is compatible with the latest version of PiHole [GitHub - deannreid/AdminLTE-Dark-Theme: AdminLTE Dark theme for Pi-Hole WI v5.3.1](https://github.com/deannreid/AdminLTE-Dark-Theme)

Hope that's alright Doc.

There are some issues that I am aware of and currently trying to get resolved.

[Previous page](https://discourse.pi-hole.net/t/dark-admin-theme/647.md?page=3)