Colors

When you edit the settings for a layout element, you can select colors in various places, such as for the element's background or text color. The "inherit" property causes the color property to be inherited from the parent CSS element. Clicking "Select Color" opens a palette.

Browser-safe colors

By using these colors, you can be sure that different types of browsers will display the selected color exactly as intended. Simply select the color from a color swatch or enter the color using a hexadecimal code.

RGB color model

Here, you can adjust the color using the sliders or enter it in hexadecimal.

HSB Color Model

Here, you can adjust the color hue, saturation, and brightness. The RGB values adjust automatically. When RGB values are changed, the HSB values adjust automatically. In addition, a small circular marker in the color area to the left of the settings indicates the range in which the color appears. You can also select the shade here with a click of the mouse. Hexadecimal input is also possible.

Replace Colors

Selecting "Layout / Replace Colors" from the main menu opens a dialog box where you can specify the color values to be replaced.

"Color" Column

All colors used in the current layout are displayed here. This takes into account the CSS properties `background-color`, `border-color`, and `color`.

"Replace Color With" column

This is where the color that will replace the original color is displayed.

Show the selected color in use

Opens a dialog box that shows how often and where the color appears in the layout.

Use of Color

"Selector" Column

Displays the name of the selector where the color is used.

"CSS Property" Column

Displays the CSS property in which the color is used.

You can save your changes by clicking "OK," which will also close the dialog box.

Select a color

Opens a palette where you can select the replacement color.