How to edit themes

Animation showing how to rename a theme

Name

To change the name of the theme, simply enter it into the textbox.

Animation showing how to use the color picker to change primary background color of a theme

Background color

There are two background colors; one primary and one secondary. To change them, simply click on the color swatch and use the color picker to select your desired color.

The preview will update interactively with your changes.

Animation showing how to use the color picker to change primary text color of a theme

Text color

There are two text colors; one primary and one secondary. To change them, simply click on the color swatch and use the color picker to select your desired color.

The preview will update interactively with your changes.

Animation showing how to use the color picker to change border color of a theme

Border color

To change the border color, simply click on the color swatch and use the color picker to select your desired color.

The preview will update interactively with your changes.

Animation showing how to use the color picker to change shadow color of a theme

Shadow color

To change the shadow color, simply click on the color swatch and use the color picker to select your desired color.

The preview will update interactively with your changes.

Animation showing how to border width of a theme

Border width

To change the border width, simply drag the slider.

The preview will update interactively with your changes.

Animation showing how to border radius of a theme

Border radius

To change the border radius, simply drag the slider.

The preview will update interactively with your changes.

Animation showing how to shadow radius of a theme

Shadow radius

To change the shadow radius, simply drag the slider.

The preview will update interactively with your changes.

Animation showing how to shadow opacity of a theme

Shadow opacity

To change the shadow opacity, simply drag the slider.

The preview will update interactively with your changes.

Configuration howto