Colors

When you edit the settings of a layout element, you can select colors at different points, e.g. the background or font color of elements. With "inherit", the color property is taken from the parent CSS element. Click on "Select color" to open a palette.

Browser-safe colors

With these colors, you can guarantee that the selected color will be shown without being changed in the various browsers. Simply select the color from the color field or enter the color in hexadecimal form.

RGB color model

The color can be defined using the sliders or entered in hexadecimal form.

HSB color model

The hue, saturation and brightness can be defined here. The RGB values are adjusted automatically. When RGB values are modified, the HSB are adjusted automatically. Additionally, a small circle on the color area on the left shows where the current color appears. You can also select the color here or enter the color in hexadecimal form.

Replace colors

The main menu "Layout / Replace colors" opens a dialog in which the corresponding color values for the replacement can be determined.

Color" column

All colors used in the current layout are displayed in this dialog. The CSS properties background-color, border-color and color are included in this.

Column "Replace color with"

The color that will replace the original color is shown here.

Show use of the selected color

Opens a dialog that shows you how often and where the color is used in the layout.

Use of the color

Selector" column

Displays the selector name that the color is used for.

CSS property" column

Displays the selector's CSS property that the color is used for.

Changes can be saved by clicking on "OK" and the dialog can then be closed.

Select color

Opens a palette in which the replacement color can be selected.