topaLE
/
theme.park.app
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Merge branch 'master' of https://github.com/gilbN/theme.park

pull/15/head
gilbN 5 years ago
parent
cb4647c512 cf1a82490d
commit
fb622df7ef
1 changed files with 158 additions and 55 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 213
      README.md

213
README.md
View File

@ -26,11 +26,11 @@ Add this to your reverse proxy:
proxy_set_header Accept-Encoding "";
sub_filter
'</head>'
'<link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/themes/CUSTOM_CSS.css">
'<link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/themes/<APP_NAME>/THEME.css">
</head>';
sub_filter_once on;
```
Where `CUSTOM_CSS` is the name of the theme. e.g. `nzbget-plex.css`
Where `THEME.css` is the name of the theme. e.g. `aquamarine.css`
Here is a complete example:
@ -40,12 +40,12 @@ Here is a complete example:
# REDIRECT HTTP TRAFFIC TO https://[domain.com]
server {
listen 80;
server_name plpp.domain.com;
server_name ombi.domain.com;
return 301 https://$server_name$request_uri;
}
server {
listen 443 ssl http2;
server_name plpp.domain.com;
server_name ombi.domain.com;
#SSL settings
include /config/nginx/ssl.conf
@ -56,7 +56,7 @@ location / {
proxy_set_header Accept-Encoding "";
sub_filter
'</head>'
'<link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/themes/plpporg.css">
'<link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/themes/ombi/plex.css">
</head>';
sub_filter_once on;
}
@ -67,6 +67,28 @@ location / {
## [Feature requests](http://feathub.com/gilbN/theme.park)
[![Feature Requests](http://feathub.com/gilbN/theme.park?format=svg)](http://feathub.com/gilbN/theme.park)
## Current themes in the repo:
<ul>
<li><a href="https://github.com/gilbN/theme.park#sonarr-v2v3---radarr---lidarr---bazarr-themes">Sonarr</a></li>
<li><a href="https://github.com/gilbN/theme.park#sonarr-v2v3---radarr---lidarr---bazarr-themes">Radarr</a></li>
<li><a href="https://github.com/gilbN/theme.park/blob/master/README.md#sonarr-v2v3---radarr---lidarr---bazarr-themes">Lidarr</a></li>
<li><a href="https://github.com/gilbN/theme.park/blob/master/README.md#sonarr-v2v3---radarr---lidarr---bazarr-themes">Bazarr</a></li>
<li><a href="https://github.com/gilbN/theme.park#plex-themes">Plex</a></li>
<li><a href="https://github.com/gilbN/theme.park/blob/master/README.md#ombi-themes">Ombi</a></li>
<li><a href="https://github.com/gilbN/theme.park/blob/master/README.md#organizr-hotline-and-marine-theme">Organizr</a></li>
<li><a href="https://github.com/gilbN/theme.park/blob/master/README.md#grafana-themes">Grafana</a></li>
<li><a href="https://github.com/gilbN/theme.park/blob/master/README.md#sabnzbd-themes">Sabnzbd</a></li>
<li><a href="https://github.com/gilbN/theme.park/blob/master/README.md#nzbget-themes">Nzbget</a></li>
<li><a href="https://github.com/gilbN/theme.park/blob/master/README.md#guacamole-themes">Guacamole</a></li>
<li><a href="https://github.com/gilbN/theme.park/blob/master/README.md#netdata-themes">Netdata</a></li>
<li><a href="https://github.com/gilbN/theme.park/blob/master/README.md#jackett-themes">Jackett</a></li>
<li><a href="https://github.com/gilbN/theme.park/blob/master/README.md#html5-speedtest-themes">html5speedtest</a></li>
<li><a href="https://github.com/gilbN/theme.park/blob/master/README.md#filebrowser-themes">Filebrowser</a></li>
<li><a href="https://github.com/gilbN/theme.park/blob/master/README.md#monitorr-themes">Monitorr</a></li>
<li><a href="https://github.com/gilbN/theme.park/blob/master/README.md#logarr-alpha-version-themes">Logarr</a></li>
<li><a href="https://github.com/gilbN/theme.park/blob/master/README.md#php-library-presenter-themes">PLPP</a></li>
</ul>
***
# Organizr Hotline and Marine theme
Custom [Organizr](https://github.com/causefx/Organizr/) themes.
@ -94,28 +116,58 @@ All themes are highly customizable in regards of which radial gradient color com
</details>
***
# Ombi Themes
# PHP Library Presenter Dark/Plex Theme
**Install by adding `@import "https://gilbn.github.io/theme.park/CSS/themes/ombi/THEME_NAME.css";` in custom css**
Custom [PLPP](https://github.com/Tensai75/plpp) CSS to match the [Organizr](https://github.com/causefx/Organizr) theme.
```
https://gilbn.github.io/theme.park/CSS/themes/ombi/XXX.css
aquamarine.css
hotline.css
dark.css
plex.css
```
![](https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/plpp/plpp.png)
***
# Jackett Themes
#### `plpporg.css` is a dark theme that matches Organizr.
```
https://gilbn.github.io/theme.park/CSS/themes/jackett/XXX.css
aquamarine.css
hotline.css
dark.css
plex.css
```
***
# PHP Library Presenter Themes
#### `plpp-plex.css` is a Plex theme for PLPP
Custom [PLPP](https://github.com/Tensai75/plpp) CSS to match the [Organizr](https://github.com/causefx/Organizr) theme.
![](https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/plpp/plpp.png)
```
https://gilbn.github.io/theme.park/CSS/themes/plpp/XXX.css
aquamarine.css
hotline.css
dark.css
plex.css
```
***
# Guacamole Dark/Plex Theme
# Guacamole Themes
Custom [Guacamole](https://guacamole.apache.org/) CSS to match the [Organizr](https://github.com/causefx/Organizr) theme.
![](https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/guacorg/guacorg.png)
#### `guacorg.css` is a dark theme that matches Organizr.
#### `guacplex.css` is a Plex theme for Guacamole
```
https://gilbn.github.io/theme.park/CSS/themes/guacamole/XXX.css
aquamarine.css
hotline.css
dark.css
plex.css
```
### Screenshots
<details><summary>Expand</summary>
@ -127,29 +179,39 @@ Custom [Guacamole](https://guacamole.apache.org/) CSS to match the [Organizr](ht
***
# Plex Organizr Theme
# Plex Themes
Custom [Plex](https://plex.tv) CSS to match the [Organizr](https://github.com/causefx/Organizr) theme.
![](https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/plexorg/plexorg.png)
#### The `plexorg.css` theme is a dark theme that matches Organizr.
```
https://gilbn.github.io/theme.park/CSS/themes/plex/XXX.css
aquamarine.css
hotline.css
dark.css
```
***
# OrgArr - Sonarr v2/v3 - Radarr - Lidarr - Bazarr Dark/Plex Theme
# Sonarr v2/v3 - Radarr - Lidarr - Bazarr Themes
Custom [Sonarr V2 and V3](https://github.com/Sonarr/Sonarr)/[Radarr](https://github.com/Radarr/Radarr)/[Lidarr](https://github.com/Lidarr/Lidarr)/[Bazarr](https://github.com/morpheus65535/bazarr) CSS for consistent UI in [Organizr](https://github.com/causefx/Organizr)
![](https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/orgarr/sonarrv3.png)
```
https://gilbn.github.io/theme.park/CSS/themes/sonarr/XXX.css
https://gilbn.github.io/theme.park/CSS/themes/radarr/XXX.css
https://gilbn.github.io/theme.park/CSS/themes/lidarr/XXX.css
https://gilbn.github.io/theme.park/CSS/themes/bazarr/XXX.css
aquamarine.css
hotline.css
plex.css
dark.css
```
Thank you iFelix18 for doing all the hard work! :)
#### The `orgarr.css` theme is a dark theme that matches the Organizr dark theme.
#### `orgarr-plex.css` If you want a regular Plex theme for your *arr setup, use the **`orgarr-plex.css`** instead.
Thank you iFelix18 for doing all the hard work on v2! :)
### Screenshots
<details><summary>Expand</summary>
@ -165,15 +227,19 @@ Thank you iFelix18 for doing all the hard work! :)
***
# NZBGet Dark/Plex Theme
# NZBGet Themes
Custom CSS for [Nzbget](https://github.com/nzbget/nzbget)
![](https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/nzbget/nzbget-split.png)
#### The `nzborg.css` theme is a dark theme that matches the Organizr dark theme.
#### The `nzbget-plex.css` theme is a plex theme for NZBGet.
```
https://gilbn.github.io/theme.park/CSS/themes/nzbget/XXX.css
aquamarine.css
hotline.css
plex.css
dark.css
```
Thank you [ydkmlt84](https://github.com/ydkmlt84) for making the job easier :)
@ -189,16 +255,20 @@ Thank you [ydkmlt84](https://github.com/ydkmlt84) for making the job easier :)
***
# SABnzbd Dark/Plex Theme
# SABnzbd Themes
Custom CSS for [SABnzbd](https://github.com/sabnzbd/sabnzbd)
![](https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/sabnzbd/sabnzbd.png)
#### Use the `sabnzbd_dark.css` for a dark theme that matches the Organizr dark theme.
**Note: SABnzbd theme must be set to `Glitter`**
```
https://gilbn.github.io/theme.park/CSS/themes/sabnzbd/XXX.css
aquamarine.css
hotline.css
dark.css
plex.css
```
#### Use the `sabnzbd_plex.css` for a dark theme that matches the Organizr dark theme.
**Note: SABnzbd theme must be set to `Glitter`**
### Screenshots
@ -211,17 +281,22 @@ Custom CSS for [SABnzbd](https://github.com/sabnzbd/sabnzbd)
***
# GrafOrg - Grafana Dark/Plex
# Grafana Themes
Custom [Grafana](https://github.com/grafana/grafana) CSS for [Organizr](https://github.com/causefx/Organizr) homepage integration and consistent UI.
![](https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/graforg/grafana-1.png)
#### The `graforg.css` theme is a dark theme that matches the Organizr dark theme.
#### `grafplex.css`: If you want a regular Plex theme for your Grafana setup, use the **`grafplex.css`** theme instead.
```
https://gilbn.github.io/theme.park/CSS/themes/grafana/XXX.css
aquamarine.css
hotline.css
dark.css
plex.css
```
#### For panel integration on the Organizr homepage you can use `graforg-dashboard.css` if you use the Plex theme in Organizr. The theme is an "internal" theme that is meant to be used in an Organizr iframe as the background is set to transparent.
NOTE: When viewing Grafana in Organizr iframe using `graforg-dashboard.css` it will follow the Organizr theme. When viewing it outside of Organizr iframe the background will be white ect. If you don't want this you can create two reverse proxies. One for grafana organizr homepage integration and one for the regular grafana theme.
#### For panel integration on the Organizr homepage you can use `organizr-dashboard.css` if you use the Plex theme in Organizr. The theme is an "internal" theme that is meant to be used in an Organizr iframe as the background is set to transparent.
NOTE: When viewing Grafana in Organizr iframe using `organizr-dashboard.css` it will follow the Organizr theme. When viewing it outside of Organizr iframe the background will be white ect. If you don't want this you can create two reverse proxies. One for grafana organizr homepage integration and one for the regular grafana theme.
### Check out https://technicalramblings.com/blog/spice-up-your-homepage-part-ii/
@ -364,17 +439,22 @@ If you dont want the ***Panel name*** text, just remove the `<h5><span>` line en
***
# NetOrg - Netdata Dark/Plex Theme
# Netdata Themes
Custom [Netdata](https://github.com/firehol/netdata) CSS for consistent UI in [Organizr](https://github.com/causefx/Organizr)
![](https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/netorg/netdata-1.png)
#### The `netorg.css` theme is an "internal" theme that is meant to be used in an Organizr iframe as the background is set to transparent. [The theme can be used to integrate Netadata on the Organizr Homepage](https://technicalramblings.com/blog/spice-up-your-homepage/)
#### `netplex.css` If you want a regular Plex theme for your Netdata setup, use the **`netplex.css`** instead.
```
https://gilbn.github.io/theme.park/CSS/themes/netdata/XXX.css
aquamarine.css
hotline.css
dark.css
plex.css
organizr-dashboard.css
```
#### The `netorg-dark.css` theme is a dark theme that matches Organizr.
#### The `organizr-dashboard.css` theme is an "internal" theme that is meant to be used in an Organizr iframe as the background is set to transparent. [The theme can be used to integrate Netadata on the Organizr Homepage](https://technicalramblings.com/blog/spice-up-your-homepage/)
### Screenshots
<details><summary>Expand</summary>
@ -388,18 +468,25 @@ Custom [Netdata](https://github.com/firehol/netdata) CSS for consistent UI in [O
***
# Monitorg - Monitorr Dark/Plex Theme
# Monitorr Themes
Custom [Monitorr](https://github.com/Monitorr/Monitorr) CSS for [Organizr](https://github.com/causefx/Organizr) homepage integration.
![](https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/monitorg/1-flat.jpg)
#### The `monitorg.css` theme will mess with your Monitorr base theme. And it will hide the settings button. Go to /monitorr/settings.php for settings. It is created purely for use with "minimum" version of the index.php `https://domain.com/monitorr/index.min.php` for Organizr homepage integration.
```
https://gilbn.github.io/theme.park/CSS/themes/monitorr/XXX.css
aquamarine.css
hotline.css
dark.css
plex.css
organizr-dashboard.css
```
#### The `organizr-dashboard.css` theme will mess with your Monitorr base theme. And it will hide the settings button. Go to /monitorr/settings.php for settings. It is created purely for use with "minimum" version of the index.php `https://domain.com/monitorr/index.min.php` for Organizr homepage integration.
**NOTE:**
When viewing monitorr in Organizr iframe using `monitorg.css` it will follow the Organizr theme. When viewing it outside of Organizr iframe the background will be white ect. If you don't want this you can create two reverse proxies. One for monitorr organizr homepage integration and one for the monitorr dark/plex theme. And use subfilter on both instead of adding `@import "https://gilbn.github.io/theme.park/CSS/themes/monitorg.css";` in the monitorr custom css.
When viewing monitorr in Organizr iframe using `organizr-dashboard.css` it will follow the Organizr theme. When viewing it outside of Organizr iframe the background will be white ect. If you don't want this you can create two reverse proxies. One for monitorr organizr homepage integration and one for the monitorr dark/plex theme. And use subfilter on both instead of adding `@import "https://gilbn.github.io/theme.park/CSS/themes/organizr-dashboard.css";` in the monitorr custom css.
#### For the dark theme use `monitorg-dark.css`
#### For the Plex theme use `monitorg-plex.css`
### Screenshots
<details><summary>Expand</summary>
@ -412,7 +499,7 @@ When viewing monitorr in Organizr iframe using `monitorg.css` it will follow the
Add this in the Monitorr custom css box:
```css
@import "https://gilbn.github.io/theme.park/CSS/themes/monitorg.css";
@import "https://gilbn.github.io/theme.park/CSS/themes/monitorr/THEME_NAME.css";
```
And add this in custom HTML in Organizr:
```css
@ -424,19 +511,23 @@ And add this in custom HTML in Organizr:
***
# Logarr (alpha only) (WIP)
# Logarr alpha version Themes
Custom [Logarr](https://github.com/Monitorr/logarr/tree/alpha) CSS for consistent UI in [Organizr](https://github.com/causefx/Organizr).
![](https://raw.githubusercontent.com/goldenpipes/theme.park/master/Screenshots/logarr-plex.png)
Install via subfilter, logarr custom css, or by over writing the default 'logarr.css' in your `webserver/logarr/css` directory.
#### the css is named `logarr-plex.css`
```
https://gilbn.github.io/theme.park/CSS/themes/logarr/XXX.css
aquamarine.css
hotline.css
dark.css
plex.css
```
***
# Filebrowser - Dark Theme
# Filebrowser Themes
Custom [Filebrowser](https://github.com/filebrowser/filebrowser) CSS for consistent UI in [Organizr](https://github.com/causefx/Organizr).
@ -445,7 +536,13 @@ Custom [Filebrowser](https://github.com/filebrowser/filebrowser) CSS for consist
Based on https://github.com/Archmonger/Blackberry-Themes/blob/master/Themes/Blackberry-Flat/bbf_filebrowser.css
**https://github.com/Archmonger/Blackberry-Themes**
#### The css is named `filebrowser_dark.css`
```
https://gilbn.github.io/theme.park/CSS/themes/filebrowser/XXX.css
aquamarine.css
hotline.css
dark.css
plex.css
```
### Screenshots
@ -457,13 +554,19 @@ Based on https://github.com/Archmonger/Blackberry-Themes/blob/master/Themes/Blac
***
# HTML5 Speedtest Dark/Plex Theme
# HTML5 Speedtest Themes
Custom [HTML5 Speedtest](https://github.com/adolfintel/speedtest) CSS for consistent UI in [Organizr](https://github.com/causefx/Organizr).
![](https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/html5speedtest/html5speedtest.png)
#### The css files are named `html5speedtest_dark.css` and `html5speedtest_plex.css`
```
https://gilbn.github.io/theme.park/CSS/themes/html5speedtest/XXX.css
aquamarine.css
hotline.css
dark.css
plex.css
```
### Screenshots
<details><summary>Expand</summary>

Write Preview
Loading…
Cancel
Save