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. Selecting "inherit" means that the color property will be applied from the parent CSS element. If you select the entry "Select color", a color palette will open.
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.
Small palette
If you select colors in a dialog, a small palette will be shown.
If you do not want to assign a color, select the setting "No color". The setting for "Transparent" will display the element transparently. "Inherit color" corresponds to the "inherit" setting that applies the setting from the element from the level above. A click on "Other..." opens the dialog in which, among other things, browser-safe colors can be selected.
Replace colors
Via the menu "Layout / Replace colors", a dialog is opened where the colors can be determined for replacement.
"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.
"Replace colors" column
The color that will replace the original color is shown here.
Display 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.
Click "OK" to save the changes and close the dialog.
Select color
Opens a palette where the replacement color can be selected.