You can choose and modify the theme colors to specify a color scheme on all site pages of your Nicepage Project.

colors-theme-settings.png

Access Theme Colors

Click the Quick Access -> Theme Settings icon to open the Theme Settings Menu, then click the Colors link.

access-theme-colors.png

You can also find the Theme Settings list on the Settings Panel.

theme-settings-list.png

Theme Color Preview

The selected theme colors appear in the preview, showing how they look on a web page.

preview-theme-colors.png

Color Presets

You can use the provided Color Palettes on your websites. Switching Presets changes the Theme Colors on all pages.

color-presets.png

Color Picker

Unlike Theme Colors, changing a Custom Color updates only the place where it is used. The Theme Color changes the whole website.

colors-theme.png

If you like the Custom Color, you can now save it to the Theme. You can also see the colors that you add in the On this page section of the Custom Tab.

colors-custom.png

Theme Colors

The Theme Colors appear in the Property Panel and include the Edit icon, which lets you customize the applied Color Preset.

theme-colors.png

Edit Theme Color

Click the Edit Icon to open the dialog to change the Theme Color. You can also use the Color Picker to change the Color on a page in the Nicepage Desktop Application.

NOTE: The Color Picker is not supported in the Online Editor.

edit-theme-color.png

Automatic Colors

Automatic Colors are generated from the Preset and relative to the Basic Colors. You can safely use Automatic Colors in your web design.

automatic-colors.png

Add New Color

You can add custom colors if the Theme and Automatic Colors don't meet your design needs. Click on the New Color Button to add a New Color.

You can add a color by clicking the Edit Icon in the Color Box.

custom-colors.png

Delete Additional Color

Delete the Addition Colors by clicking the Bucket icon on the Context bubble shown while hovering over the Color Box.

delete-custom-color.png

Text Dark And Light Colors

Set the Dark and Light Colors for the Text Elements, which are automatically calculated depending on the Background Fill.

text-colors.png

Background For All Pages

Click on the Background For All Pages link in the Property Panel for the Theme Colors and set the Background for all website pages.

You can choose the Color, Gradient, or Image for the Background. You can also change the Content Area Width for the Page properties.

background-all-pages.png

Colors for Hyperlink States

In addition to the Button States, you can also specify the Hyperlink State Styles in the Theme Settings.

hyperlink-states-theme-settings.png

Auto-Conversion to HEX

If you enter or paste a color in RGB, HSL, or LAB format, we automatically convert it to HEX.

auto-hex-color.png