generator-yaas-builder-module/generators/app/templates/public/less/variables.less

Yeoman generator for creating yaas builder modules

//== DEFAULT COLOUR SETS
/*
Syntax for sets:
---------------------------------------
@type-colour-200: #; // Lightest value
@type-colour-300: #;
@type-colour-400: #;
@type-colour: #;     // Normal value (500)
@type-colour-600: #;
@type-colour-700: #;
@type-colour-800: #; // Darkest value
----------------------------------------
*/

// Default Yellow
@default-yellow: #fad712;
@default-yellow-600: #bba754;

// Default Orange
@default-orange: #f99b06;

// Default Green
@default-green: #18bc33;

// Default Red
@default-red: #ff3b30;
@default-red-600: #bc0000;

// Default Grey
@default-grey: #edf1f5;
@default-grey-600: #e1e5e9;
@default-grey-700: #d4d7dc;

// Dark Grey
@dark-grey: #c9c9c9;
@dark-grey-600: #abb2bb;
@dark-grey-700: #777777;
@dark-grey-800: #1b1d1f;


// Light Blue
@light-blue: #edf3fa;
@light-blue-600: #cadbee;
@light-blue-700: #808fa1;

// Default Blue
@default-blue-200: #edf3fa;
@default-blue: #2877cb;
@default-blue-600: #0054ae;

// Dark Blue
@dark-blue-200: #415165;
@dark-blue-300: #273F5C;
@dark-blue: #27394f;
@dark-blue-600: #24364C;
@dark-blue-700: #0d4076;
@dark-blue-800: #1e2c3b;

// Grey Blue
@default-greyblue: #7f90a4;
@default-greyblue-500: #bdc6d2;
@nested-body-backgroundcolor: #f5f7fa;
@nested-body-bordercolor: #e1e6ec;