1
0
mirror of https://github.com/gilbN/theme.park.git synced 2024-10-03 22:17:08 +02:00

more cleanup

This commit is contained in:
gilbN 2021-05-02 00:36:19 +02:00
parent 046948005a
commit ea2a6733c8
54 changed files with 6 additions and 281 deletions

View File

@ -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";
```

Binary file not shown.

Before

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 23 KiB

View File

@ -1,3 +0,0 @@
# Organizr Addons
## [Glass](https://github.com/gilbN/theme.park/tree/master/CSS/addons/organizr/glass)

View File

@ -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
![](https://raw.githubusercontent.com/gilbN/theme.park/master/CSS/addons/organizr/glass/screenshots/login.png)
![](https://raw.githubusercontent.com/gilbN/theme.park/master/CSS/addons/organizr/glass/screenshots/lockscreen.png)
![](https://raw.githubusercontent.com/gilbN/theme.park/master/CSS/addons/organizr/glass/screenshots/homepage.jpg)
![](https://raw.githubusercontent.com/gilbN/theme.park/master/CSS/addons/organizr/glass/screenshots/settings.jpg)

Binary file not shown.

Before

Width:  |  Height:  |  Size: 380 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 458 KiB

View File

@ -1,54 +0,0 @@
# Radarr 4K logo
Add a 4K logo to your Radarr css.
### Desktop
![](desktop.png)
![](v3-desktop.png)
### Mobile
![](mobile.png)
![](v3-mobile.png)
## 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";
```

Binary file not shown.

Before

Width:  |  Height:  |  Size: 41 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 790 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 122 KiB

View File

@ -1,54 +0,0 @@
# Sonarr 4K logo
Add a 4K logo to your Sonarr css.
### Desktop
![](desktop.png)
![](v3-desktop.png)
### Mobile
![](mobile.png)
![](v3-mobile.png)
## 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";
```

Binary file not shown.

Before

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 42 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 940 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.3 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.7 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.5 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.0 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.3 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 809 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.8 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.5 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.7 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 665 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.3 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 603 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 686 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.7 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 722 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 729 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 50 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 817 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 499 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.6 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 753 KiB

View File

@ -20,12 +20,12 @@
<p align="center">
Click on the banners for screenshots.
<a href="https://docs.theme-park.dev/colors/organizr-dark/"><img src="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/organizr_dark_banner.png" width="800px" />
<a href="https://docs.theme-park.dev/colors/aquamarine"><img src="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/aquamarine_banner.png" width="800px" />
<a href="https://docs.theme-park.dev/colors/hotline"><img src="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/hotline_banner.png" width="800px" />
<a href="https://docs.theme-park.dev/colors/space-gray"><img src="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/spacegray_banner.png" width="800px" />
<a href="https://docs.theme-park.dev/colors/dark"><img src="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/dark_banner.png" width="800px" />
<a href="https://docs.theme-park.dev/colors/plex"><img src="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/plex_banner.png" width="800px" />
<a href="https://docs.theme-park.dev/colors/organizr-dark/"><img src="https://raw.githubusercontent.com/gilbN/theme.park/master/banners/organizr_dark_banner.png" width="800px" />
<a href="https://docs.theme-park.dev/colors/aquamarine"><img src="https://raw.githubusercontent.com/gilbN/theme.park/master/banners/aquamarine_banner.png" width="800px" />
<a href="https://docs.theme-park.dev/colors/hotline"><img src="https://raw.githubusercontent.com/gilbN/theme.park/master/banners/hotline_banner.png" width="800px" />
<a href="https://docs.theme-park.dev/colors/space-gray"><img src="https://raw.githubusercontent.com/gilbN/theme.park/master/banners/spacegray_banner.png" width="800px" />
<a href="https://docs.theme-park.dev/colors/dark"><img src="https://raw.githubusercontent.com/gilbN/theme.park/master/banners/dark_banner.png" width="800px" />
<a href="https://docs.theme-park.dev/colors/plex"><img src="https://raw.githubusercontent.com/gilbN/theme.park/master/banners/plex_banner.png" width="800px" />
## [Installation](https://docs.theme-park.dev/setup)

View File

Before

Width:  |  Height:  |  Size: 223 KiB

After

Width:  |  Height:  |  Size: 223 KiB

View File

Before

Width:  |  Height:  |  Size: 60 KiB

After

Width:  |  Height:  |  Size: 60 KiB

View File

Before

Width:  |  Height:  |  Size: 215 KiB

After

Width:  |  Height:  |  Size: 215 KiB

View File

Before

Width:  |  Height:  |  Size: 33 KiB

After

Width:  |  Height:  |  Size: 33 KiB

View File

Before

Width:  |  Height:  |  Size: 248 KiB

After

Width:  |  Height:  |  Size: 248 KiB

View File

Before

Width:  |  Height:  |  Size: 221 KiB

After

Width:  |  Height:  |  Size: 221 KiB