Skip to content

logo Pihole

Custom Pihole CSS

🛠️ Installation

Click here for general setup


Tested on Web Interface v5.5 Set theme to dark in the Web interface menu.

Subfilter CSP

Because Pi-hole uses CSP it will block any attempts to inject stylesheets. This will add and to the CSP meta tag in the HTML. Allowing you to load the custom css.

proxy_set_header Accept-Encoding "";
'<link rel="stylesheet" type="text/css" href="<THEME>.css">
sub_filter_once on;
proxy_hide_header Content-Security-Policy;
add_header Content-Security-Policy "default-src 'none'; base-uri 'none'; child-src 'self'; form-action 'self'; frame-src 'self'; font-src 'self'; connect-src 'self'; img-src 'self'; manifest-src 'self'; script-src 'self' 'unsafe-inline'; style-src 'self' 'unsafe-inline'";


Aquamarine Theme

Hotline Theme

Hotpink Theme

Dracula Theme

Dark Theme

Organizr Theme

Space-gray Theme

Overseerr Theme

Plex Theme

Nord Theme

Maroon Theme