A theme for Organizr v2 that emulates the style of Plex

Usage

1. Setup a PHP 7 server with Organizr v2.
2. Open Organizr Settings > Customize > Marketplace and install Plex Theme.
3. Open Organizr Settings > Customize > Appearance > Colors & Themes, select "Plex" from the theme dropdown, and keep the style set to "Dark."
4. Have iframes compensate for Plex Theme's increased top bar padding by choosing one of two options:
   1. (Recommended) Use tronyx's custom Organizr v2 Docker image tronyx/docker-organizr-v2:plex with the fix pre-applied.
   2. Open Organizr's /js/custom.min.js, search for the string h=40, and change it to h=60. Note that this change will be overwritten whenever Organizr pulls a new update.

Group Icons

Some group icons are provided for your use in /images/groups to be copied to Organizr's /plugins/images/groups.

Related: Open Plex App on iOS

Using Organizr's Settings > Customize > Appearance > Custom JavaScript and this script, you can redirect all links to Plex while browsing on iOS to the Plex app, complete with functional deep-linking. I cannot find the equivalent scheme to open Plex on Android if it exists.

Don't Change These

Notifications

To ensure that notifications display as intended, keep the default notification style setting "Izi" under Organizr Settings > Customize > Appearance > Notifications.

Custom Colors

Changing the placeholder color values in Organizr Settings > Customize > Appearance > Colors & Themes will override Plex Theme's color styles. Deleting custom color values will reverse this.

Development

• Install Yarn
• Download or clone the repository and enter it in a terminal
• Run yarn to install development dependencies

yarn build

Compiles the Sass source stylesheets in /sass into a minified CSS file.

yarn watch

Runs yarn build continuously as changes are detected until exited.

yarn serve

You must first set the homepage value in package.json to your Organizr instance's URL. Then yarn serve runs yarn watch and launches a new Browsersync window with the Plex Theme css injected into your Organizr instance every time it is recompiled, so you can see your changes instantly.

yarn imagemin

Losslessly optimizes all .svg, .png, .jpg, and .gif images in the repository with imagemin. This will take some time.