Selector Theme (CSS)

With the help of CSS (Cascading Style Sheets), a style sheet language, the selector can be individually designed. In the settings of the workbench, the appearance of all elements on the selector pages can be defined in the CSS editor, which can be enlarged using the arrow next to it. Some commonly used examples and information about CSS design are available for download as a PDF file.

You can download frequently used CSS settings here:

📁 DOWNLOAD HERE

In general, a CSS rule for the selector looks like the example below. More detailed information can be found in the PDF file.

#foxbase-selector .mdc-button {
    color: blue !important;
}

The addition of the ID selector "#foxbase-selector" is required to select the class selector "mdc-button". This selects the element to be designed. The associated rule sets are behind them in curly brackets. "color" describes the property of the element, followed by a colon and given a value ("blue"). In addition, "!important" is specified at the end of the CSS rule in order to overwrite existing rules. You can determine the respective selectors and current CSS settings in the browser in the developer tool under "Elements" and test changes there.