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

Update README.md

Browse Source
This commit is contained in:
GilbN 2019-08-04 14:21:49 +02:00 committed by GitHub
parent b84d4e1cb1
commit 695d0de985
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 23 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
README.md
View File

@ -29,7 +29,7 @@ Example: `https://gilbn.github.io/theme.park/CSS/themes/sonarr/dark.css`
As most of these apps doesn't have support for custom CSS you can get around that by using [subfilter](http://nginx.org/en/docs/http/ngx_http_sub_module.html) in Nginx or a browser addon called Stylus. As most of these apps doesn't have support for custom CSS you can get around that by using [subfilter](http://nginx.org/en/docs/http/ngx_http_sub_module.html) in Nginx or a browser addon called Stylus.
## Subfilter method ## Subfilter method
### nginx ### Nginx
Add this to your reverse proxy: Add this to your reverse proxy:
```nginx ```nginx
@ -42,37 +42,38 @@ sub_filter_once on;
``` ```
Where `APP_NAME` is the app you want to theme and `THEME.css` is the name of the theme. e.g. `aquamarine.css` Where `APP_NAME` is the app you want to theme and `THEME.css` is the name of the theme. e.g. `aquamarine.css`
Here is a complete example: #### Example:
<details><summary>Expand</summary>
```nginx ```nginx
# REDIRECT HTTP TRAFFIC TO https://[domain.com] location /sonarr {
server { proxy_pass http://localhost:8989/sonarr;
listen 80;
server_name ombi.domain.com;
return 301 https://$server_name$request_uri;
}
server {
listen 443 ssl http2;
server_name ombi.domain.com;
#SSL settings
include /config/nginx/ssl.conf
location / {
proxy_pass http://192.168.1.2:8701;
include /config/nginx/proxy.conf; include /config/nginx/proxy.conf;
proxy_set_header Accept-Encoding ""; proxy_set_header Accept-Encoding "";
sub_filter sub_filter
'</head>' '</head>'
'<link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/themes/ombi/plex.css"> '<link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/themes/sonarr/plex.css">
</head>'; </head>';
sub_filter_once on; sub_filter_once on;
} }
} }
``` ```
</details>
### Apache (Untested)
```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">
</head>';|'
```
#### Example:
```apache
<Location /sonarr>
ProxyPass http://localhost:8989/sonarr
ProxyPassReverse http://localhost:8989/sonarr
AddOutputFilterByType SUBSTITUTE text/html
Substitute 's|</head> '<link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/themes/sonarr/plex.css">
</head>';|'
</Location>
```
## 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.