Dark Admin Theme

General Customizing Pi-hole
1

Had a little time this morning so I thought I would give my admin dashboard a makeover.

I was originally aiming towards a stylish style so you wouldn't have to do anything with the pi-hole itself. However the graph colors are a little tricky and would probably need a userscript. So I'm thinking the non-destructive approach may need to be thrown out.

Just a little preview since the graphs are ugly at the moment.

upload.png878×379 33.2 KB

UPDATE: Here is some work on the chart

upload.png1891×534 63.9 KB

2

That looks great, any chance of a release or tutorial on how to change it? :slight_smile:

3

Yeah it will be coming in time. I was hoping to just have it be css that you could load using stylish, however the charts are themed in the index.js file.

So now since I have to edit the file anyways I thought I would do a little more than just a re-theming.
I've been looking for a side-project to start so I may redo the dashboard in it's entirety with Angular 2.

For now though, I'll get this in a complete state and then post an install script.

4

That looks great! I really like dark themes.

5

Currently looks like so:

upload.png1568×836 72.9 KB

6

That's great work, and we'd be interested in collaborating with you on that. Mind shooting me an email at dan.schaper@pi-hole.net?

7

Just finishing up the last couple elements...

Edit: Made delete button change to red on hover

upload.png1796×423 29.4 KB

I'm thinking it would be better without the alternating rows..

upload.png1806×626 57.6 KB

Edit: Just about done. New flatish logo to tie it together

upload.png300×443 23.5 KB

I'll have to bottle this all up into a script tomorrow if I have time.

8

We've got a new logo that gets rid of the "Evil Eye" over on gitlab.pi-hole.net. It will be out with the next release of the web interface.

9

I actually kind of like the evil eye in @doctormidnight's rendition...something about it.

10

I like the dimensional shading of the berry, do we want to go for another round of logo shuffle? :slight_smile:

I just can't un-see the "Angry Hemorrhoid Logo" now, that comment ruined things for me...

11

Haha I know what you mean. I think about that now and then, too. :laughing:

12

Now that's all I see, hahaha. I like the new cleaner look, but I also liked the black hole idea so I'll probably make one for fun tomorrow morning, less hemorrhoidy..

13

I got totally hammered on our other forum when I did that monstrosity of the Angry Hemorrhoid, but I really like the shading and the dimension feel. Please share with what you come up with, I'm not opposed to a shift in the branding.

14

And if you need/want any of the AI's they should all be on the asset repo.

15

Here is something I threw together this morning, not in love with it overall but I like the concept.
I'm going to explore the idea a bit when I have time.

upload.png410×415 10.8 KB

16

wow thats pretty nice
well done!

tbh i don't like the current logo either.

17

Had about 5 minutes to mess with it a little bit. It definitely was the holes perspective among other things. Still something off though...

Not bad for 20 minutes total of work though.

upload.png296×310 8.54 KB

18

Eager to see more of this!

19

I've been swamped with work, we have a crazy appletv threading bug that is a phantom. Cant stand iOS these days. I just took over the project so I've been reading way too much code so when I have some time tomorrow I'll be getting back into this for sure.

I also made some progress on my angular frontend, once I get the back end tied in I'll push a new branch.
Still early stuff, but I spent an afternoon optimizing my Python log parser and it's looking good.

20

Great to hear, looking forward to it!

Edit (The progress that is, not the iOS overload...)