Custom Themes

The HTML5 player includes support for the various Bootswatch themes (available here: http://bootswatch.com/), where the Paper theme is the default. You can change the theme at any time by running the following in the javascript console ('yeti' can be replaced with any Bootswatch theme name):

manywho.theming.apply('yeti')

Creating a Custom Theme

You can also use a custom theme that you have created instead of the included Bootswatch themes.

1. Namespace your theme's css to .mw-bs, the easiest way to do this is to wrap it in a LESS file e.g.

.mw-bs
{ 
    @import (less) "mytheme.css"; 
}

2. Upload your namespaced css to a publicly available url
3. Create a custom player in your tenant that is a copy of the default player
4. Add the following snippet of javascript to the top of the initialize function in your custom player (just before manywho.settings.initialize)

manywho.theming.custom('theme css url goes here');

Custom themes need to be Bootstrap 3 compatible.