Skip to main content

Customize site colors

This page applies to:MindTouch Responsive

A list of default site variables for backgrounds and highlight colors.
@background
Default value: #fff  
Definition: Background color used for entire site.
Usage examples: Body and drop-down backgrounds.

SiteDefault1.png
@highlight-color
Default value: #30b3f6  
Definition: Main color used for entire site. All shades of color based off of this one.
Usage examples: Links, banners, table headers, etc.

SiteDefaults3.png
@highlight-color-desaturated
Default value: desaturate(@highlight-color, 95%)  
Definition: Desaturated version of the highlight color.
Usage examples: Found in grey containers, secondary links, secondary font colors, etc.

SiteDefault4.png