diff --git a/README.md b/README.md index a1667339..c3884c76 100644 --- a/README.md +++ b/README.md @@ -14,12 +14,22 @@ Screen Shot 4

-## Setup +# Setup -### Subfilter +All apps have 4 themes to choose from. +`https://gilbn.github.io/theme.park/CSS/themes//.css` +``` +aquamarine.css +hotline.css +dark.css +plex.css +``` +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. +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 +### nginx Add this to your reverse proxy: ```nginx @@ -64,6 +74,19 @@ location / { ``` +### Stylus method +Stylus is a browser extention that can inject custom css to the webpage of your choosing. + +Add this in the style page: + +```css +@import "https://gilbn.github.io/theme.park/CSS/themes//THEME.css"; +``` +Example: `@import "https://gilbn.github.io/theme.park/CSS/themes/sonarr/dark.css";` + +Link to Chrome extention: https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=en +Link to Firefox extention: https://addons.mozilla.org/en-US/firefox/addon/styl-us/ + ## [Feature requests](https://feathub.com/gilbN/theme.park) [![Feature Requests](https://feathub.com/gilbN/theme.park?format=svg)](http://feathub.com/gilbN/theme.park)