Colors

Elements

Buttons

Here you can specify default typography settings for buttons. TheGem includes two default typography styles for buttons: regular and thin. This can be further customized in page builder.

Tabs & Accordions

Here you can specify default typography settings for tabs & accordions. TheGem includes two default typography styles for tabs & accordions: regular and thin. This can be further customized in page builder.

Counters

Here you can specify default typography settings for counter numbers. This can be further customized in page builder.

Sidebar Widgets

Typography settings for sidebar widgets.

Icons

Icon Colors

In this section you can define default color settings for icons used in TheGem:

Content Icons: icons, used in content elements of TheGem. Check the screenshots in help tooltips to see where it is used.
System Icons: icons used for example in blog posts, portfolio items, product grids and sidebar widgets. Check the screenshots in help tooltips to see where it is used.
Icons in Portfolio & Gallery hovers: icons used in hovers, check the screenshots in help tooltips to see where it is used.
Social Icons: default colors for social icons

Pagination

Pagination Colors

Here you can specify default colors for pagination elements: classic “numbers” pagination and dots pagination

Forms

Contact Forms

TheGem comes with two color presets for contact forms: light style (for contact forms, used on light backgrounds) and dark style (for contact forms, used on dark backgrounds). Here you can specify color defaults for contact forms.

Newsletter Forms

TheGem uses EasyForms for Mailchimp for adding newsletter forms in your content. In this section you can specify default color settings for newsletter forms in main content, in sidebars and in footer.