CRAEA Internal and External Application Style Guide

Central Rivers AEA Web Safe Colors. Four primary colors and three accent colors.

--color-primary: header, table headers, side-nav labels
--color-alternate: side-nav label accent, side-nav hover, buttons
--color-alternate-2: buttons, cards
--color-gray: table backgrounds, backgrounds, buttons
--color-alternate-3: background to prompts, buttons
--color-alternate-4: buttons, cards
--color-gray-2: table backgrounds, backgrounds, buttons

Colors are stored with in a partial or in the root at the top of the style sheet. We are using variables to have a better understanding of what the color is or some descriptive reasoning. There are other colors used throughout the applications that may be barrowed as well but can not replace the primary and accent colors.

Please label the color partial as _color and structure it as seen below. 
// primary colors
--color-primary: header, table headers, side-nav labels
--color-alternate: side-nav label accent, side-nav hover, buttons
--color-alternate-2: buttons, cards
--color-gray: table backgrounds, backgrounds, buttons

//accent color
--color-alternate-3: background to prompts, buttons
--color-alternate-4: buttons, cards
--color-gray-2: table backgrounds, backgrounds, buttons

// then any other colors afterwards. you may separate out colors based on the location they are used.