Mirrors/theme.park
1
0
Fork 0
mirror of https://github.com/gilbN/theme.park.git synced 2024-11-19 17:42:32 +01:00
Code Issues Releases Wiki Activity

Created Pi-hole (markdown)

GilbN 2020-07-12 12:39:07 +02:00
parent a37ca91922
commit c61f975a3b
1 changed files with 37 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
Pi-hole.md Normal file

@ -0,0 +1,37 @@
# Pi-hole Themes
Custom [Pi-hole](https://github.com/pi-hole/pi-hole) CSS.
![](https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/pihole/pihole.gif)
```
https://gilbn.github.io/theme.park/CSS/themes/pihole/XXX.css
aquamarine.css
hotline.css
dark.css
space-gray.css
plex.css
```
> ⚠️ : **CSP**: Because Pi-hole uses CSP it will block any attempts to inject stylesheets.
I've tried to strip away the headers with nginx using
```nginx
proxy_hide_header "x-webkit-csp";
proxy_hide_header "content-security-policy";
```
But Pi-hole still blocks it. So for now [Stylus](https://github.com/gilbN/theme.park/wiki/Setup#stylus-method) or [Blackberry installer](https://github.com/gilbN/theme.park/wiki/Setup#blackberry-theme-installer-method) is the only way I know you can add it.
I will add the correct Nginx config when I figure it out. If you have a working CSP config, please share it :)
### plex.css
Pi-hole also uses https://api.github.com in their CSP directive, so that will block loading the backgrounds even when using Stylus.
![](https://i.imgur.com/D9KpskB.png)
### Screenshots
<p>
<img src="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/pihole/dark.png"></img>
<img src="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/pihole/space-gray.png"></img>
<img src="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/pihole/hotline.jpg"></img>
<img src="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/pihole/aquamarine.png"></img>
</p>