A collection of themes/skins for use in conjunction with [Organizr](https://github.com/causefx/Organizr)
# GrafOrg
Custom [Grafana](https://github.com/grafana/grafana) CSS for [Organizr](https://github.com/causefx/Organizr) homepage integration.
![](/Screenshots/graforg/3.jpg)
## Custom CSS for Organizr
#### The graforg.css theme will mess with your Grafana base theme. And it will hide the side menu. Go to https://graforg.domain.com/datasources for settings.
#### graforg.css is created purely for use with Organizr.
**NOTE:** When viewing Grafana in Organizr iframe it will follow the Organizr theme. When viewing it outside of Organizr iframe the background will be white ect.
#### grafblur.css
If you want a regular Plex theme for your Grafana setup, use the **grafblur.css** instead.
## Setup
<details><summary>Expand</summary>
### Screenshots
<details><summary>Expand</summary>
<p>
<imgsrc="/Screenshots/graforg/1.jpg"></img>
<imgsrc="/Screenshots/graforg/2.jpg"></img>
</p>
</details>
### Subfilter
As Grafana doesn't have support for custom CSS you can get around that by using [subfilter](http://nginx.org/en/docs/http/ngx_http_sub_module.html) in Nginx.
Create **another** reverse proxy for monitorr and add this:
Custom [Netdata](https://github.com/firehol/netdata) CSS for consistent UI in [Organizr](https://github.com/causefx/Organizr)
![](/Screenshots/netorg/2.jpg)
## Custom CSS for Organizr
#### The netorg.css theme will mess with your Netdata base theme.
#### netorg.css is created purely for use with Organizr.
**NOTE:** When viewing Netdata in Organizr iframe it will follow the Organizr theme. When viewing it outside of Organizr iframe the background will be white ect.
#### netblur.css
If you want a regular Plex theme for your Netdata setup, use the **netblur.css** instead.
## Setup
<details><summary>Expand</summary>
### Screenshots
<details><summary>Expand</summary>
<p>
<imgsrc="/Screenshots/netorg/1.jpg"></img>
</p>
</details>
### Subfilter
As Netdata doesn't have support for custom CSS you can get around that by using [subfilter](http://nginx.org/en/docs/http/ngx_http_sub_module.html) in Nginx.
Create **another** reverse proxy for monitorr and add this:
Custom [Monitorr](https://github.com/Monitorr/Monitorr) CSS for [Organizr](https://github.com/causefx/Organizr) homepage integration.
![](/Screenshots/monitorg/1.jpg)
## Custom CSS for Organizr
#### This 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 Organizr.
**NOTE:** When viewing /monitorr in Organizr iframe it will follow the Organizr theme. When viewing it outside of Organizr iframe the background will be white ect.
As this theme will change the base theme, you can get around that by using [subfilter](http://nginx.org/en/docs/http/ngx_http_sub_module.html) in Nginx.
Create another reverse proxy for monitorr and add this: