Color schemes

More color schemes will be available soon!

Layout options
Boxed layout backgrounds

jGrowl notifications jGrowl is a jQuery plugin that raises unobtrusive messages within the browser, similar to the way that OS X's Growl Framework works.

Documentation

To see all the available options & configurations, we suggest reading the jGrowl documentation.

Theming

Fides Admin uses colors & styles from both the default theme color schemes and the included core color helpers.

Core color helpers:

The core color helpers can be applied to all kind of elements from buttons to icons, headers, headings, etc. They do not change when you switch to a different theme from the same template.

Template color schemes:

These are the template default color schemes and are used site wide to consistently style common elements. For the primary color you must add .primary-bg and for the secondary color you must add .ui-state-default. Note that theme two styles change based on what color scheme you choose for your template.

Basic example

The examples below use the theme layout primary & secondary background colors and have a top right position.

After clicking the example buttons, watch the bottom right corner of the screen!
Get source


                

            

Positions

Using the position: js parameter you can set one of the following positions: top-right, top-left, bottom-left, bottom-right, center.

Get source