diff --git a/Setup.md b/Setup.md index 8e51678..0799aa0 100644 --- a/Setup.md +++ b/Setup.md @@ -185,31 +185,6 @@ proxy /tautulli 127.0.0.1:8181 { "caddy.filter.replacement": "\"\"" ``` -## 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/ - -## Blackberry Theme Installer method -[Blackberry Themes](https://github.com/Archmonger/Blackberry-Themes) provides a easy to use method of using JS to theme your Organizr tabs. This will only work if your Organizr tab is on a subdirectory (does not work with subdomains). These themes will only be applied when viewed within Organizr. -```js -$.getScript('https://archmonger.github.io/Blackberry-Themes/Extras/theme_installer.js', function(){ - // First variable is your Organizr tab name. Second variable is a link to the theme you want to apply. - themeInstaller("","https://gilbn.github.io/theme.park/CSS/themes//.css"); - - // You can also use this for multiple themes at once by simply calling themeInstaller again! - themeInstaller("","https://gilbn.github.io/theme.park/CSS/themes//.css"); -}); -``` - ### Caddy v2 >Thank you [jef](https://github.com/jef) for the write up! @@ -314,6 +289,32 @@ 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 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/ + +## Blackberry Theme Installer method +[Blackberry Themes](https://github.com/Archmonger/Blackberry-Themes) provides a easy to use method of using JS to theme your Organizr tabs. This will only work if your Organizr tab is on a subdirectory (does not work with subdomains). These themes will only be applied when viewed within Organizr. +```js +$.getScript('https://archmonger.github.io/Blackberry-Themes/Extras/theme_installer.js', function(){ + // First variable is your Organizr tab name. Second variable is a link to the theme you want to apply. + themeInstaller("","https://gilbn.github.io/theme.park/CSS/themes//.css"); + + // You can also use this for multiple themes at once by simply calling themeInstaller again! + themeInstaller("","https://gilbn.github.io/theme.park/CSS/themes//.css"); +}); +``` + # Qbittorrent As Qbittorrent will block the theme with its content security policy you need to change or remove the CSP header.