deathbybandaid/theme.park
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Updated Monitorr (markdown)

GilbN 2020-11-17 22:12:16 +01:00
parent b3079d7d2d
commit f8b36e8d52
1 changed files with 40 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
Monitorr.md

@ -1,8 +1,10 @@
# Monitorr Themes
<h1 align="center"> <img src="https://raw.githubusercontent.com/causefx/Organizr/v2-develop/plugins/images/tabs/monitorr.png" alt="logo" width="30" height="30"> Monitorr</h1>
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/monitorr/monitorr.gif)
<p align="center"> Organizr Dark Theme </p>
![](https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/monitorr/organizr-dark.png)
```
https://gilbn.github.io/theme.park/CSS/themes/monitorr/XXX.css
@ -15,16 +17,23 @@ organizr-dashboard.css
organizr-dark.css
```
### 🛠️ Installation:
## 🛠️ Installation
### [[Setup|Setup]]
Add this in the Monitorr custom css box:
```css
@import "https://gilbn.github.io/theme.park/CSS/themes/monitorr/THEME_NAME.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 `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/monitorr/organizr-dashboard.css";` in the monitorr custom 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 `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/monitorr/organizr-dashboard.css";` in the monitorr custom css.
Add this in the Monitorr custom css box:
```css
@ -38,11 +47,28 @@ And add this in custom HTML in Organizr:
</div>
```
### Screenshots
<p>
<img src="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/monitorr/aquamarine.png"></img>
<img src="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/monitorr/hotline.png"></img>
<img src="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/monitorr/space-gray.png"></img>
<img src="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/monitorr/plex.jpg"></img>
<img src="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/monitorr/dark.png"></img>
</p>
## Screenshots
<p align="center"> Dark Theme </p>
<a href="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/monitorr/dark.png"><img src="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/monitorr/dark.png"></img>
<p align="center"> Space Gray Theme </p>
<a href="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/monitorr/space-gray.png"><img src="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/monitorr/space-gray.png"></img>
<p align="center"> Plex Theme </p>
<a href="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/monitorr/plex.jpg"><img src="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/monitorr/plex.jpg"></img>
<p align="center"> Organizr Dark Theme </p>
<a href="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/monitorr/organizr-dark.png"><img src="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/monitorr/organizr-dark.png"></img>
<p align="center"> Hotline Theme </p>
<a href="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/monitorr/hotline.png"><img src="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/monitorr/hotline.png"></img>
<p align="center"> Aquamarine Theme </p>
<a href="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/monitorr/aquamarine.png"><img src="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/monitorr/aquamarine.png"></img>