Updated Setup (markdown)

GilbN 2020-07-14 21:54:31 +02:00
parent 983ef41d28
commit 31fd034dfd

@ -185,31 +185,6 @@ 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>\""
``` ```
## 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/<APP_NAME>/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("<TAB_NAME>","https://gilbn.github.io/theme.park/CSS/themes/<APP_NAME>/<THEME_NAME>.css");
// You can also use this for multiple themes at once by simply calling themeInstaller again!
themeInstaller("<TAB_NAME>","https://gilbn.github.io/theme.park/CSS/themes/<APP_NAME>/<THEME_NAME>.css");
});
```
### 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!
@ -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) 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/<APP_NAME>/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("<TAB_NAME>","https://gilbn.github.io/theme.park/CSS/themes/<APP_NAME>/<THEME_NAME>.css");
// You can also use this for multiple themes at once by simply calling themeInstaller again!
themeInstaller("<TAB_NAME>","https://gilbn.github.io/theme.park/CSS/themes/<APP_NAME>/<THEME_NAME>.css");
});
```
# Qbittorrent # Qbittorrent
As Qbittorrent will block the theme with its content security policy you need to change or remove the CSP header. As Qbittorrent will block the theme with its content security policy you need to change or remove the CSP header.