Updated Setup (markdown)
parent
983ef41d28
commit
31fd034dfd
51
Setup.md
51
Setup.md
@ -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.
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user