Custom Themes

To create a custom theme, click on the Create New Custom Theme button.  The Custom Theme Editor window will popup as shown:

The Custom Theme Editor can be setup with the following steps:

1.  Set Theme Name:  Type in the name of your new Theme.

2.  Upload Custom Image:  You can load any custom image to use as the background for your new Theme.  Select an image with the click or drag file option to download the background file.  This will be your Ivinex background.

3.  Edit your Font Style:  Use the Select Your Font drop-down menu to select a custom font from the given fonts available.

4.  Change Primary or Headers Colors, add Accent Color, or edit the color of individual elements:  You can change and edit the different colors with the following options.  Click on the red Edit buttons for each of these different elements to make changes to your theme.

• Edit Primary Color:  Click this button to change the color for the Primary Color.  
• Edit Accent Color:  Click this button to change the color for the Accent Color.
• Ivinex logo background:  This will be where you can edit the color for your logo background in the upper left-hand corner of the header.  The default is white.  This is the edit button where the Ivinex logo is located.  Note that this is where your place your custom logos, so please be aware of those colors, and how they will display on the header.
• Button Selected:  This is the color for the "selected" buttons in the header.  This color will be the "hover" on these tabs.  So when you click or hover on these tabs, this color will be displayed.
• Button Normal:  This is the color of all the tabs on the header (not the selected ones).
• User Menu:  This is the color of the User Tools button in the upper right-hand corner.
• Full Header:  This is the color you can edit for the entire header in the upper right-hand color.
• Section Header:  This is the color of your section headers.
• Column Header:  This is the color of our column headers.
• Sub-tab Selected:  This is the color of the selected sub-tab.  Color of the hover or selection.
• Sub-tabs:  This is the color the sub-tabs (not selected).
• Action Button Hover:  This is the color of the Action buttons.  Color of the hover or selection.
• Action Button:  The color of the action buttons.

Please note that once you select to edit a color with the red edit button, the Edit Color window will popup:

The Edit Color window will give you the option to type in the Hex or RGB values for the color you want to edit to.  There is also a color picking feature if you have a selected background image.  You can click anywhere on the image to add a color from that image.  The select a color from the palette below will show up the colors available to you to pick from.

You can adjust the Lightness, Transparency, and Vibrancy of the selected colors.

Once you have the desired color.  Select the Update button to update your colors.  These will now be represented in your Custom Theme Editor to showcase the colors selected.  

Once you have everything ready for your custom theme.  Go ahead an set the new theme with the Update button.  This will then create a new theme in your group of Custom Themes.