added caddy example

GilbN 2020-02-29 12:48:50 +01:00
parent 0241871803
commit c53f1e6127

@ -6,8 +6,8 @@
<ul> <ul>
<li><a href="#nginx">Nginx</a></li> <li><a href="#nginx">Nginx</a></li>
<li><a href="#nginx-variable">Nginx Variable</a></li> <li><a href="#nginx-variable">Nginx Variable</a></li>
<li><a href="#apache-untested">Apache</a></li> <li><a href="#apache">Apache</a></li>
<li><a href="#caddy-untested">Caddy</a></li> <li><a href="#caddy">Caddy</a></li>
</ul> </ul>
</li> </li>
<li><a href="#stylus-method">Stylus Method</a></li> <li><a href="#stylus-method">Stylus Method</a></li>
@ -128,7 +128,7 @@ location /sonarr {
Now when you change the variable in the http block and restart nginx, it will update the theme for all your apps! Now when you change the variable in the http block and restart nginx, it will update the theme for all your apps!
### Apache (Untested) ### Apache
```apache ```apache
AddOutputFilterByType SUBSTITUTE text/html AddOutputFilterByType SUBSTITUTE text/html
Substitute 's|</head> '<link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/themes/<APP_NAME>/THEME.css"> Substitute 's|</head> '<link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/themes/<APP_NAME>/THEME.css">
@ -146,6 +146,42 @@ AddOutputFilterByType SUBSTITUTE text/html
</Location> </Location>
``` ```
### Caddy
```nginx
filter rule {
content_type text/html.*
search_pattern </head>
replacement "<link rel='stylesheet' type='text/css' href='https://gilbn.github.io/theme.park/CSS/themes/<APP_NAME>/<THEME>.css'></head>"
}
```
#### Example:
```nginx
proxy /tautulli 127.0.0.1:8181 {
header_upstream Host {host}
header_upstream X-Real-IP {remote}
header_upstream X-Forwarded-For {remote}
header_upstream X-Forwarded-Proto {scheme}
header_upstream X-Forwarded-Host {host}
header_upstream X-Forwarded-Ssl {on}
filter rule {
content_type text/html.*
search_pattern </head>
replacement "<link rel='stylesheet' type='text/css' href='https://gilbn.github.io/theme.park/CSS/themes/tautulli/dark.css'></head>"
}
}
```
#### Caddy Docker labels:
```
"caddy.filter": "rule"
"caddy.filter.content_type": "text/html.*"
"caddy.filter.search_pattern": "</head>"
"caddy.filter.replacement": "\"<link rel='stylesheet' type='text/css' href='https://gilbn.github.io/theme.park/CSS/themes/tautulli/dark.css'></head>\""
```
## Stylus method ## Stylus method
Stylus is a browser extention that can inject custom css to the webpage of your choosing. Stylus is a browser extention that can inject custom css to the webpage of your choosing.