...

/

Customizing Colors

Customizing Colors

This lesson discusses how to customize and override colors and their swatches.

We'll cover the following...

Customizing main colors

By default, css-theming will fall back to the following pre-defined colors map for each brightness:

// Colors used in light themes. $ct-colors-light: ( 'grey': #697c93, 'brown': #96663c, 'yellow': #f1c40f, 'orange': #f48701, 'red': #ff1d25, 'pink': #ff39f6, 'purple': #952ff7, 'violet': #c600ff, 'indigo': #5700ff, 'blue': #448aff, 'green': #43b581, ) !default; // Colors used in dark themes. $ct-colors-dark: ( 'grey': #697c93, 'brown': #96663c, 'yellow': #f1c40f, 'orange': #f69f34, 'red': #ff3948, 'pink': #ff61f8, 'purple': #d835ff, 'violet': #aa59f9, 'indigo': #7933ff, 'blue':
...