Mokkup Themes

Create a custom palette for the project using these simple steps.

How to Use?

There are 2 ways to use themes in Mokkup:

Project Level

• Open/Create a new project.
• Click on ‘Design’ in the left menu panel.
• Select "Change Theme" and browse through various themes.
• Choose a theme, and click “Apply”.

Element Level

• Select an element in any project. 
• Click on ‘Design Customizations’ in the left menu panel.
• Select "Change Theme" and browse through various themes.
• Choose a theme, and click “Apply”.

How to Customize?

Tip: The Main tab has the main color palette applied to elements. The contrast tab has an additional color palette used only for Combo charts.

• Click on ‘Manage’ when hovering over the colors in a pre-existing theme
• Edit the theme name by clicking the ‘pencil’ icon near the name of the chosen theme right at the top of the menu
• The colors are split into Primary, Secondary, Tertiary, and Default sub-menus. 
• The Primary, Secondary, Tertiary sections are split in accordance to how the colors appear in the charts. Primary being the first 5, secondary the next 5 and so on. These are completely customizable.
• The colors in the Default section are certain static colors used in the charts. These colors are view only and can be copied but cannot be edited.
• Click on the colored square to manually edit colors, add hex codes, and adjust the opacity.
• The hex values near the colored squares can also be edited to add custom Hex values.
• The info icon near each colored square will indicate where the color is being applied.
• If a free user clicks on Pro themes, a pop-up will appear asking them to upgrade to Pro.
• Free Mokkup users can copy hex codes of pre-defined Mokkup Themes, while Pro Users can edit them. 

This was a complete guide to using Themes on Mokkup. For further questions, please ask our Chatbot or contact Support.