From 3df736a75287f11fd79755154ed4c7d27bcf7eb3 Mon Sep 17 00:00:00 2001 From: GilbN Date: Sun, 28 Jul 2019 15:52:51 +0200 Subject: [PATCH 1/7] Update README.md --- README.md | 180 +++++++++++++++++++++++++++++++++++++++--------------- 1 file changed, 130 insertions(+), 50 deletions(-) diff --git a/README.md b/README.md index c3b91f7e..46971de7 100644 --- a/README.md +++ b/README.md @@ -26,11 +26,11 @@ Add this to your reverse proxy: proxy_set_header Accept-Encoding ""; sub_filter '' -' +' '; 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 '' - ' + ' '; 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: + + *** # Organizr Hotline and Marine theme Custom [Organizr](https://github.com/causefx/Organizr/) themes. @@ -95,16 +117,19 @@ All themes are highly customizable in regards of which radial gradient color com *** -# PHP Library Presenter Dark/Plex Theme +# PHP Library Presenter Themes 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) -#### `plpporg.css` is a dark theme that matches Organizr. - -#### `plpp-plex.css` is a Plex theme for PLPP - +``` +https://gilbn.github.io/theme.park/CSS/themes/plpp/XXX.css +aquamarine.css +hotline.css +dark.css +plex.css +``` *** # Guacamole Dark/Plex Theme @@ -113,9 +138,13 @@ Custom [Guacamole](https://guacamole.apache.org/) CSS to match the [Organizr](ht ![](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
Expand @@ -127,29 +156,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) - - -Thank you iFelix18 for doing all the hard work! :) - -#### The `orgarr.css` theme is a dark theme that matches the Organizr dark theme. +``` +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 +``` -#### `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
Expand @@ -165,15 +204,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 :) @@ -195,10 +238,14 @@ 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 +258,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 +416,22 @@ If you dont want the ***Panel name*** text, just remove the `
` 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
Expand @@ -388,18 +445,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
Expand @@ -412,7 +476,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 @@ -430,9 +494,13 @@ Custom [Logarr](https://github.com/Monitorr/logarr/tree/alpha) CSS for consisten ![](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 +``` *** @@ -445,7 +513,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 @@ -463,7 +537,13 @@ Custom [HTML5 Speedtest](https://github.com/adolfintel/speedtest) CSS for consis ![](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
Expand From 29d77fe0ad470cecdd273589459b8a2d1e911647 Mon Sep 17 00:00:00 2001 From: GilbN Date: Sun, 28 Jul 2019 15:55:09 +0200 Subject: [PATCH 2/7] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 46971de7..15c75f4d 100644 --- a/README.md +++ b/README.md @@ -232,7 +232,7 @@ 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) From 4e6874272e8fcb51bfa33138406810d1b887c9c7 Mon Sep 17 00:00:00 2001 From: GilbN Date: Sun, 28 Jul 2019 16:01:14 +0200 Subject: [PATCH 3/7] Update README.md --- README.md | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/README.md b/README.md index 15c75f4d..29e6ba71 100644 --- a/README.md +++ b/README.md @@ -115,6 +115,19 @@ All themes are highly customizable in regards of which radial gradient color com

+*** +# Ombi Themes + +**Install by adding `@import "https://gilbn.github.io/theme.park/CSS/themes/ombi/THEME_NAME.css";` in custom css** + +``` +https://gilbn.github.io/theme.park/CSS/themes/ombi/XXX.css +aquamarine.css +hotline.css +dark.css +plex.css +``` + *** # PHP Library Presenter Themes From d5fca9c7ccb796ce15246fce564f03181f5f5df5 Mon Sep 17 00:00:00 2001 From: GilbN Date: Sun, 28 Jul 2019 16:02:57 +0200 Subject: [PATCH 4/7] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 29e6ba71..88019bab 100644 --- a/README.md +++ b/README.md @@ -145,7 +145,7 @@ 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. From 2fbe33e74e47225464b6da2e842bb6c2c1e2c178 Mon Sep 17 00:00:00 2001 From: GilbN Date: Sun, 28 Jul 2019 16:04:28 +0200 Subject: [PATCH 5/7] Update README.md --- README.md | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/README.md b/README.md index 88019bab..4ea10f31 100644 --- a/README.md +++ b/README.md @@ -129,7 +129,17 @@ plex.css ``` *** +# Jackett Themes +``` +https://gilbn.github.io/theme.park/CSS/themes/jackett/XXX.css +aquamarine.css +hotline.css +dark.css +plex.css +``` + +*** # PHP Library Presenter Themes Custom [PLPP](https://github.com/Tensai75/plpp) CSS to match the [Organizr](https://github.com/causefx/Organizr) theme. From 356ec7bcc9e8843067c8db0b5a6011ac18676b3a Mon Sep 17 00:00:00 2001 From: GilbN Date: Sun, 28 Jul 2019 16:05:47 +0200 Subject: [PATCH 6/7] Update README.md --- README.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index 4ea10f31..690f9706 100644 --- a/README.md +++ b/README.md @@ -511,7 +511,7 @@ 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). @@ -527,7 +527,7 @@ 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). @@ -554,7 +554,7 @@ plex.css *** -# 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). From cf1a82490d9b854e2787b4a371114621bfa0833d Mon Sep 17 00:00:00 2001 From: GilbN Date: Sun, 28 Jul 2019 16:07:17 +0200 Subject: [PATCH 7/7] Update README.md --- README.md | 36 ++++++++++++++++++------------------ 1 file changed, 18 insertions(+), 18 deletions(-) diff --git a/README.md b/README.md index 690f9706..83475ce2 100644 --- a/README.md +++ b/README.md @@ -69,24 +69,24 @@ location / { ## Current themes in the repo: ***