Colors

How to configure and override colors with Base theme 2.

Two globally used colors are required. More colors can be overridden on separate elements.

This is done with Sass (sass-lang.com) variables in your own style configuration file style.scss.

Required configuration

Color	Sass variable
Primary color is most visible as the menu and footer background color and some graphical elements all over the site. Some link text.	$primary
Secondary color appears on active menu item, metadata, buttons, things like that. Some link text.	$secondary

Example

<your-child-theme>/assets/scss/style.scss

// Bootstrap variables with base theme colors
// ======================================================

// Colors from style guide
$primary: #35276c;
$secondary: #7a6640;

$section-colors: (
    default: #a596fa
);

@import '../../../everyware-theme-base-2/assets/scss/style';

Example colors