web
You’re offline. This is a read only version of the page.
close
Checkmark

Thank you for your feedback

Customize your Store Editor colors

Learn how to change the look and feel of your Editor with new variables.

Article ID: SLN29257

New variables are available in Store Editor which will allow you to customize the color scheme on all Store Editor pages, including Variables, Edit All, Controls, and Config. You'll need to manually add these variables (of type color) before you can use them; once added, you can make changes to them in the Config page.

To make the changes, click choose a color to open the color palette or manually type the decimal color code in the text field. Note: You can use hexadecimal values for color fields if you prefer--just visit the Controls page find the Color Code Input pull-down menu, and select Hex.

Store Editor color variables

Editor-background-color: The base color for Editor pages

Editor-link-color: Color of text links on Editor pages.

Editor-navigation-border-color: Outline color for buttons in Editor sub-pages.

Editor-navigation-button-color-1: Sets color for the top of navigation buttons.

Editor-navigation-button-color-2: Sets color for the bottom of navigation buttons.

Editor-navigation-text-color: Text color for navigation buttons.

Editor-row-color: Background color for title sections in Editor sub-pages.

Editor-row-text-color: Color of description text in Editor sub-pages.

Editor-section-title-color: Background color for sections in Editor sub-pages.

Editor-section-title-text-color: Color of text in Editor sub-page section titles.

Editor-text-color: General text color for Editor sub-pages, including titles.

Editor-title-row-color - Background color for title sections in Editor sub-pages.