Updated Setup (markdown)

GilbN 2020-08-09 23:02:04 +02:00
parent 9dc07dc056
commit 651ea01180

@ -33,7 +33,7 @@ organizr-dark.css
```
Example: `https://gilbn.github.io/theme.park/CSS/themes/sonarr/dark.css`
## Subfilter method
# Subfilter method
As most of these apps doesn't have support for custom CSS, exception being [Ombi](https://github.com/gilbN/theme.park/wiki/Ombi), [Monitorr](https://github.com/gilbN/theme.park/wiki/Monitorr) and [Organizr](https://github.com/gilbN/theme.park/wiki/Organizr); You can get around that by using [subfilter](http://nginx.org/en/docs/http/ngx_http_sub_module.html) in Nginx.
@ -41,7 +41,7 @@ As most of these apps doesn't have support for custom CSS, exception being [Omb
<https://blog.linuxserver.io/2019/04/25/letsencrypt-nginx-starter-guide/>
### Nginx
# Nginx
Add this to your reverse proxy:
```nginx
@ -68,7 +68,7 @@ location /sonarr {
}
```
### Nginx Variable
# Nginx Variable
You can also setup Nginx to use variables to change the themes. This will update the theme on all your location blocks by just changing 1 variable. This is nice if you quickly want to change colors on all of your apps.
@ -132,7 +132,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!
### Apache
# Apache
```apache
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">
@ -150,7 +150,7 @@ AddOutputFilterByType SUBSTITUTE text/html
</Location>
```
### Caddy
# Caddy
```nginx
filter rule {
@ -186,7 +186,7 @@ proxy /tautulli 127.0.0.1:8181 {
"caddy.filter.replacement": "\"<link rel='stylesheet' type='text/css' href='https://gilbn.github.io/theme.park/CSS/themes/tautulli/dark.css'></head>\""
```
### Caddy v2
# Caddy v2
>Thank you [jef](https://github.com/jef) for the write up!
@ -307,7 +307,7 @@ Feel free to make any adjustments! Thanks everyone for the help!
Also for reference: [Caddy v2 structure](https://caddyserver.com/docs/caddyfile/concepts#structure)
## Stylus method
# Stylus method
Stylus is a browser extention that can inject custom css to the webpage of your choosing.
Add this in the style page: