Summary

  • Overview
  • Access Theme Colors
  • Theme Color Preview
  • Color Presets
  • Theme Colors
    • Edit Theme Color
    • Automatic Colors
    • Add New Color
    • Delete Additional Color
    • Text Dark And Light Colors
  • Background For All Pages

Overview

You can choose and modify the Theme Colors to specify a Color Scheme used on all site pages of your Nicepage Project.

colors-theme-settings.png

Access Theme Colors

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

access-theme-colors.png

Theme Color Preview

The selected Theme Colors are reflected on the Preview and demonstrate what colors are used 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

Theme Colors

The Theme Colors are presented in the Property Panel and have the Edit icon allowing you to customize the applied Color Preset.

theme-colors.png

Edit Theme Color

Click on the Edit Icon to open the dialog to change the Theme Color, and you can also use the Color Picker to grab 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 use the Automatic Colors safely in your web design.

automatic-colors.png

Add New Color

You can add Custom Colors if the Theme and Automatic Colors are not enough for your design implementation. Click on the New Color Button to add a New Color.

You can modify the added Color by clicking on the Edit Icon on the Color Box.

custom-colors.png

Delete Additional Color

Delete the Addition Colors by clicking on 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

## Summary - Overview - Access Theme Colors - Theme Color Preview - Color Presets - Theme Colors - Edit Theme Color - Automatic Colors - Add New Color - Delete Additional Color - Text Dark And Light Colors - Background For All Pages ## Overview You can choose and modify the Theme Colors to specify a Color Scheme used on all site pages of your Nicepage Project. !colors-theme-settings.png! ## Access Theme Colors Click on the Quick Access -> Theme Settings icon to open the Theme Settings Menu, then click on the Colors link. !access-theme-colors.png! ## Theme Color Preview The selected Theme Colors are reflected on the Preview and demonstrate what colors are used 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! ## Theme Colors The Theme Colors are presented in the Property Panel and have the Edit icon allowing you to customize the applied Color Preset. !theme-colors.png! ### Edit Theme Color Click on the Edit Icon to open the dialog to change the Theme Color, and you can also use the Color Picker to grab 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 use the Automatic Colors safely in your web design. !automatic-colors.png! ### Add New Color You can add Custom Colors if the Theme and Automatic Colors are not enough for your design implementation. Click on the New Color Button to add a New Color. You can modify the added Color by clicking on the Edit Icon on the Color Box. !custom-colors.png! ### Delete Additional Color Delete the Addition Colors by clicking on 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](page:299189) for the Page properties. !background-all-pages.png! ##