OrionThemes Color Management

When outlining our Color management system, we set 3 goals:

1. Theme Color management should be quick and easy.
2. All important theme elements should offer advanced color customisation.
3. Design/color uniformity should be easy to maintain.

Here is how it works.

Color Management made easy

All of our themes offer similar color customisation. The image examples below are made using Dentalia WordPress Theme.

The main theme colors can be set in theme options and can be further customised on specific elements if needed. For basic users, setting theme options colors should be enough to make the site look great out of the box. Primary, Secondary and Tertiary colors will be automatically applied to theme elements.

Advanced Color Settings

Users can further customize important parts of the theme in theme options. For example header, typography and navigation colors etc. can all be customized using simple color pickers.  The image below shows how the footer's color scheme can be changed from dark to light in seconds:

Widget Colors

When editing widgets the user can generally choose from a set of predefined colors and the 3 main theme colors (set in theme options). But there are also custom color pickers available in some cases. The examples below show the settings of the Button widget and the Icon with text widget.

Note that the colors set with the "select color" method will be instantly changed once you edit the global colors in Theme Options. The colors set with "color picker" method will stay the same and will have to be changed manually for each widget.


For more advanced users there is also Custom CSS section available in Theme Options. And finally, for those who still can't find the right color option, there is our awesome support. Open a ticket and we'll help you achieve your color goals. 🙂

The OrionThemes team

Was this article useful? 5

Orion

Living the WordPress Magic.