deathbybandaid/theme.park
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Updated Setup (markdown)

GilbN 2020-08-09 23:02:04 +02:00
parent 9dc07dc056
commit 651ea01180
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
Setup.md

@ -33,7 +33,7 @@ organizr-dark.css
``` ```
Example: `https://gilbn.github.io/theme.park/CSS/themes/sonarr/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. 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/> <https://blog.linuxserver.io/2019/04/25/letsencrypt-nginx-starter-guide/>
### Nginx # Nginx
Add this to your reverse proxy: Add this to your reverse proxy:
```nginx ```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. 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! 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 ```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">
@ -150,7 +150,7 @@ AddOutputFilterByType SUBSTITUTE text/html
</Location> </Location>
``` ```
### Caddy # Caddy
```nginx ```nginx
filter rule { 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.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! >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) 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. Stylus is a browser extention that can inject custom css to the webpage of your choosing.
Add this in the style page: Add this in the style page: