@ -1,52 +0,0 @@ |
|||||
Adds a 4K logo to your Bazarr css. |
|
||||
<p> |
|
||||
<a href="https://raw.githubusercontent.com/gilbN/theme.park/master/CSS/addons/bazarr/desktop.png" rel="noopener"><img src="https://raw.githubusercontent.com/gilbN/theme.park/master/CSS/addons/bazarr/desktop.png" alt="Screen Shot 1" width="33%" /></a> |
|
||||
</p> |
|
||||
<p> |
|
||||
<a href="https://raw.githubusercontent.com/gilbN/theme.park/master/CSS/addons/bazarr/mobile.png" rel="noopener"><img src="https://raw.githubusercontent.com/gilbN/theme.park/master/CSS/addons/bazarr/mobile.png" alt="Screen Shot 1" width="33%" /></a> |
|
||||
</p> |
|
||||
|
|
||||
## Setup |
|
||||
|
|
||||
#### Docker mod <img src="https://avatars.githubusercontent.com/u/12324908?s=20&v=4"> |
|
||||
`-e TP_ADDON=bazarr-4k-logo` |
|
||||
|
|
||||
#### Nginx |
|
||||
Examples of how to add it: |
|
||||
|
|
||||
```nginx |
|
||||
proxy_set_header Accept-Encoding ""; |
|
||||
sub_filter |
|
||||
'</head>' |
|
||||
'<link rel="stylesheet" type="text/css" href="https://theme-park.dev/CSS/themes/bazarr/THEME.css"> |
|
||||
<link rel="stylesheet" type="text/css" href="https://theme-park.dev/CSS/addons/bazarr/bazarr-4k-logo.css"> |
|
||||
</head>'; |
|
||||
sub_filter_once on; |
|
||||
``` |
|
||||
|
|
||||
#### Apache |
|
||||
|
|
||||
```nginx |
|
||||
AddOutputFilterByType SUBSTITUTE text/html |
|
||||
Substitute 's|</head> '<link rel="stylesheet" type="text/css" href="https://theme-park.dev/CSS/themes/bazarr/THEME.css"><link rel="stylesheet" type="text/css" href="https://theme-park.dev/CSS/addons/bazarr/bazarr-4k-logo.css"> |
|
||||
</head>';|' |
|
||||
``` |
|
||||
|
|
||||
#### Caddy |
|
||||
|
|
||||
```nginx |
|
||||
filter rule { |
|
||||
content_type text/html.* |
|
||||
search_pattern </head> |
|
||||
replacement "<link rel='stylesheet' type='text/css' href='https://theme-park.dev/CSS/themes/<APP_NAME>/<THEME>.css'><link rel='stylesheet' type='text/css' href='https://theme-park.dev/CSS/addons/bazarr/bazarr-4k-logo.css'></head>" |
|
||||
} |
|
||||
``` |
|
||||
|
|
||||
#### Stylus |
|
||||
|
|
||||
Just add another import line. |
|
||||
|
|
||||
```css |
|
||||
@import "https://theme-park.dev/CSS/themes/bazarr/THEME.css"; |
|
||||
@import "https://theme-park.dev/CSS/addons/bazarr/bazarr-4k-logo.css"; |
|
||||
``` |
|
Before Width: | Height: | Size: 20 KiB |
Before Width: | Height: | Size: 23 KiB |
@ -1,3 +0,0 @@ |
|||||
# Organizr Addons |
|
||||
|
|
||||
## [Glass](https://github.com/gilbN/theme.park/tree/master/CSS/addons/organizr/glass) |
|
@ -1,112 +0,0 @@ |
|||||
# Organizr - Glass addon |
|
||||
|
|
||||
## Installation |
|
||||
|
|
||||
* [Full](https://github.com/gilbN/theme.park/tree/master/CSS/addons/organizr/glass#Full) |
|
||||
* [Login - Lockscreen only](https://github.com/gilbN/theme.park/tree/master/CSS/addons/organizr/glass#login---lockscreen-only) |
|
||||
|
|
||||
|
|
||||
|
|
||||
*** |
|
||||
### `Tip!` |
|
||||
If you're on Docker use the `php-fpm` tag to speed up load times, like so: `organizrtools/organizr-v2:php-fpm` |
|
||||
|
|
||||
*** |
|
||||
|
|
||||
### NOTE |
|
||||
**Firefox:** `From version 70: this feature is behind the layout.css.backdrop-filter.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.` |
|
||||
|
|
||||
|
|
||||
## Full |
|
||||
|
|
||||
1. Set the Organizr theme to either Aquamarine, Hotline or Space Gray |
|
||||
|
|
||||
2. Import the `glass-base.css` and root variables in the Custom Theme CSS box like below. |
|
||||
Replace `--main-bg-color` with a wallpaper you have uploaded to Organizr |
|
||||
|
|
||||
```css |
|
||||
@import "https://theme-park.dev/CSS/addons/organizr/glass/glass-base.css"; |
|
||||
:root { |
|
||||
--main-bg-color: url(https://theme-park.dev/CSS/addons/organizr/glass/example.jpg) center center/cover no-repeat fixed; |
|
||||
--mobile-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; |
|
||||
|
|
||||
--link-color: #fff; |
|
||||
--custom-buttons-color: radial-gradient(ellipse at center, #3F51B5 0%, #009688 100%) center center/cover no-repeat fixed; |
|
||||
--hompage-item-hover: radial-gradient(ellipse at center, rgba(0, 150, 136, 0.33) 0%, #b53f3f73 100%) center center/cover no-repeat fixed; |
|
||||
--notification-box-line: #000; |
|
||||
|
|
||||
--div-background-color-10: rgba(0, 0, 0, 0.15); |
|
||||
--div-background-color-15: rgba(0, 0, 0, 0.25); |
|
||||
--div-background-color-25: rgba(0, 0, 0, 0.35); |
|
||||
--div-background-color-35: rgba(0, 0, 0, 0.45); |
|
||||
} |
|
||||
``` |
|
||||
|
|
||||
On mobile the background is replaced with `--mobile-bg-color`. Find a background you like here https://cssgradient.io/gradient-backgrounds/ or just set it to a regualar color e.g. `#1f1f1f` |
|
||||
|
|
||||
Here are the other theme colors if you want to use that instead: |
|
||||
|
|
||||
<img src="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/aquamarine_banner.png" width="600px" /> |
|
||||
|
|
||||
`--mobile-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;` |
|
||||
|
|
||||
<img src="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/hotline_banner.png" width="600px" /> |
|
||||
|
|
||||
` --mobile-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;` |
|
||||
|
|
||||
<img src="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/spacegray_banner.png" width="600px" /> |
|
||||
|
|
||||
`--mobile-bg-color: radial-gradient( ellipse at center, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;` |
|
||||
|
|
||||
<img src="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/dark_banner.png" width="600px" /> |
|
||||
|
|
||||
`--mobile-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;` |
|
||||
|
|
||||
<img src="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/plex_banner.png" width="600px" /> |
|
||||
|
|
||||
`--mobile-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed;` |
|
||||
|
|
||||
### Replace the variables if you have a dark background. |
|
||||
|
|
||||
* Light blur colors for dark backgrounds. |
|
||||
|
|
||||
```css |
|
||||
--div-background-color-10: rgba(255, 255, 255, 0.10); |
|
||||
--div-background-color-15: rgba(255, 255, 255, 0.15); |
|
||||
--div-background-color-25: rgba(255, 255, 255, 0.25); |
|
||||
--div-background-color-35: rgba(255, 255, 255, 0.35); |
|
||||
``` |
|
||||
|
|
||||
* Dark blur colors for bright backgrounds |
|
||||
```css |
|
||||
--div-background-color-10: rgba(0, 0, 0, 0.15); |
|
||||
--div-background-color-15: rgba(0, 0, 0, 0.25); |
|
||||
--div-background-color-25: rgba(0, 0, 0, 0.35); |
|
||||
--div-background-color-35: rgba(0, 0, 0, 0.45); |
|
||||
``` |
|
||||
|
|
||||
## Login - Lockscreen only |
|
||||
|
|
||||
If you just want the login and lockscreen css, just add this in custom CSS: |
|
||||
|
|
||||
```css |
|
||||
@import "https://theme-park.dev/CSS/addons/organizr/glass/glass-login.css"; |
|
||||
``` |
|
||||
|
|
||||
You can change the blur background color by adding the variables above. The default is dark. |
|
||||
```css |
|
||||
@import "https://theme-park.dev/CSS/addons/organizr/glass/glass-login.css"; |
|
||||
:root { |
|
||||
--div-background-color-10: rgba(255, 255, 255, 0.10); |
|
||||
--div-background-color-15: rgba(255, 255, 255, 0.15); |
|
||||
--div-background-color-25: rgba(255, 255, 255, 0.25); |
|
||||
--div-background-color-35: rgba(255, 255, 255, 0.35); |
|
||||
} |
|
||||
``` |
|
||||
|
|
||||
# Screenshots |
|
||||
|
|
||||
 |
|
||||
 |
|
||||
 |
|
||||
 |
|
Before Width: | Height: | Size: 380 KiB |
Before Width: | Height: | Size: 1.1 MiB |
Before Width: | Height: | Size: 1.1 MiB |
Before Width: | Height: | Size: 458 KiB |
@ -1,54 +0,0 @@ |
|||||
# Radarr 4K logo |
|
||||
|
|
||||
Add a 4K logo to your Radarr css. |
|
||||
|
|
||||
### Desktop |
|
||||
 |
|
||||
 |
|
||||
|
|
||||
### Mobile |
|
||||
 |
|
||||
 |
|
||||
|
|
||||
|
|
||||
## Setup |
|
||||
|
|
||||
#### Nginx |
|
||||
Examples of how to add it: |
|
||||
|
|
||||
```nginx |
|
||||
proxy_set_header Accept-Encoding ""; |
|
||||
sub_filter |
|
||||
'</head>' |
|
||||
'<link rel="stylesheet" type="text/css" href="https://theme-park.dev/CSS/themes/radarr/THEME.css"> |
|
||||
<link rel="stylesheet" type="text/css" href="https://theme-park.dev/CSS/addons/radarr/radarr-4k-logo.css"> |
|
||||
</head>'; |
|
||||
sub_filter_once on; |
|
||||
``` |
|
||||
|
|
||||
#### Apache |
|
||||
|
|
||||
```nginx |
|
||||
AddOutputFilterByType SUBSTITUTE text/html |
|
||||
Substitute 's|</head> '<link rel="stylesheet" type="text/css" href="https://theme-park.dev/CSS/themes/radarr/THEME.css"><link rel="stylesheet" type="text/css" href="https://theme-park.dev/CSS/addons/radarr/radarr-4k-logo.css"> |
|
||||
</head>';|' |
|
||||
``` |
|
||||
|
|
||||
#### Caddy |
|
||||
|
|
||||
```nginx |
|
||||
filter rule { |
|
||||
content_type text/html.* |
|
||||
search_pattern </head> |
|
||||
replacement "<link rel='stylesheet' type='text/css' href='https://theme-park.dev/CSS/themes/<APP_NAME>/<THEME>.css'><link rel='stylesheet' type='text/css' href='https://theme-park.dev/CSS/addons/radarr/radarr-4k-logo.css'></head>" |
|
||||
} |
|
||||
``` |
|
||||
|
|
||||
#### Stylus |
|
||||
|
|
||||
Just add another import line. |
|
||||
|
|
||||
```css |
|
||||
@import "https://theme-park.dev/CSS/themes/radarr/THEME.css"; |
|
||||
@import "https://theme-park.dev/CSS/addons/radarr/radarr-4k-logo.css"; |
|
||||
``` |
|
Before Width: | Height: | Size: 41 KiB |
Before Width: | Height: | Size: 790 KiB |
Before Width: | Height: | Size: 40 KiB |
Before Width: | Height: | Size: 122 KiB |
@ -1,54 +0,0 @@ |
|||||
# Sonarr 4K logo |
|
||||
|
|
||||
Add a 4K logo to your Sonarr css. |
|
||||
|
|
||||
### Desktop |
|
||||
 |
|
||||
 |
|
||||
|
|
||||
### Mobile |
|
||||
 |
|
||||
 |
|
||||
|
|
||||
|
|
||||
## Setup |
|
||||
|
|
||||
#### Nginx |
|
||||
Examples of how to add it: |
|
||||
|
|
||||
```nginx |
|
||||
proxy_set_header Accept-Encoding ""; |
|
||||
sub_filter |
|
||||
'</head>' |
|
||||
'<link rel="stylesheet" type="text/css" href="https://theme-park.dev/CSS/themes/sonarr/THEME.css"> |
|
||||
<link rel="stylesheet" type="text/css" href="https://theme-park.dev/CSS/addons/sonarr/sonarr-4k-logo.css"> |
|
||||
</head>'; |
|
||||
sub_filter_once on; |
|
||||
``` |
|
||||
|
|
||||
#### Apache |
|
||||
|
|
||||
```nginx |
|
||||
AddOutputFilterByType SUBSTITUTE text/html |
|
||||
Substitute 's|</head> '<link rel="stylesheet" type="text/css" href="https://theme-park.dev/CSS/themes/sonarr/THEME.css"><link rel="stylesheet" type="text/css" href="https://theme-park.dev/CSS/addons/sonarr/sonarr-4k-logo.css"> |
|
||||
</head>';|' |
|
||||
``` |
|
||||
|
|
||||
#### Caddy |
|
||||
|
|
||||
```nginx |
|
||||
filter rule { |
|
||||
content_type text/html.* |
|
||||
search_pattern </head> |
|
||||
replacement "<link rel='stylesheet' type='text/css' href='https://theme-park.dev/CSS/themes/<APP_NAME>/<THEME>.css'><link rel='stylesheet' type='text/css' href='https://theme-park.dev/CSS/addons/sonarr/sonarr-4k-logo.css'></head>" |
|
||||
} |
|
||||
``` |
|
||||
|
|
||||
#### Stylus |
|
||||
|
|
||||
Just add another import line. |
|
||||
|
|
||||
```css |
|
||||
@import "https://theme-park.dev/CSS/themes/sonarr/THEME.css"; |
|
||||
@import "https://theme-park.dev/CSS/addons/sonarr/sonarr-4k-logo.css"; |
|
||||
``` |
|
Before Width: | Height: | Size: 23 KiB |
Before Width: | Height: | Size: 24 KiB |
Before Width: | Height: | Size: 16 KiB |
Before Width: | Height: | Size: 42 KiB |
Before Width: | Height: | Size: 940 KiB |
Before Width: | Height: | Size: 3.3 MiB |
Before Width: | Height: | Size: 1.7 MiB |
Before Width: | Height: | Size: 2.5 MiB |
Before Width: | Height: | Size: 3.0 MiB |
Before Width: | Height: | Size: 2.3 MiB |
Before Width: | Height: | Size: 809 KiB |
Before Width: | Height: | Size: 2.8 MiB |
Before Width: | Height: | Size: 3.5 MiB |
Before Width: | Height: | Size: 2.7 MiB |
Before Width: | Height: | Size: 665 KiB |
Before Width: | Height: | Size: 2.3 MiB |
Before Width: | Height: | Size: 603 KiB |
Before Width: | Height: | Size: 1.5 MiB |
Before Width: | Height: | Size: 1.5 MiB |
Before Width: | Height: | Size: 686 KiB |
Before Width: | Height: | Size: 1.7 MiB |
Before Width: | Height: | Size: 722 KiB |
Before Width: | Height: | Size: 1.4 MiB |
Before Width: | Height: | Size: 729 KiB |
Before Width: | Height: | Size: 50 KiB |
Before Width: | Height: | Size: 817 KiB |
Before Width: | Height: | Size: 499 KiB |
Before Width: | Height: | Size: 1.6 MiB |
Before Width: | Height: | Size: 753 KiB |
Before Width: | Height: | Size: 223 KiB After Width: | Height: | Size: 223 KiB |
Before Width: | Height: | Size: 60 KiB After Width: | Height: | Size: 60 KiB |
Before Width: | Height: | Size: 215 KiB After Width: | Height: | Size: 215 KiB |
Before Width: | Height: | Size: 33 KiB After Width: | Height: | Size: 33 KiB |
Before Width: | Height: | Size: 248 KiB After Width: | Height: | Size: 248 KiB |
Before Width: | Height: | Size: 221 KiB After Width: | Height: | Size: 221 KiB |