ihk24/templates/source/sass/variables/farbschemen.scss

// #############################################
//####### Diese Datei dient nur als Referenz ##
// ############################################
// MICROSITE STYLE 01

$--theme-color-primary: #003366;
$--theme-color-primary-rgb: 0,51,102;
$--theme-color-primary-light-01: #335C85;
$--theme-color-primary-light-02: #B0C4D6;
$--theme-color-primary-light-03: #CCD7E6;
$--theme-color-primary-light-04: #E3EBF5;

$--theme-color-secondary: #56BD66;
$--theme-color-secondary-dark: #2E8533;
$--theme-color-secondary-light: #E4F1E4;

$--theme-color-grey: #636D76;
$--theme-color-grey-light: #EFF3F6;
$--theme-color-white: #FFFFFF;
$--theme-color-black: #000000;

$--theme-color-text: #000000;
$--theme-color-link: #003366;
$--theme-color-link-hover: #2E8533;

$--theme-color-gradient-01: #003366;
$--theme-color-gradient-02: #4BA490;
$--theme-color-gradient-03: #AFCC7A;


// MICROSITE STYLE 02

$--theme-color-primary: #003366;
$--theme-color-primary-rgb: 0,51,102;
$--theme-color-primary-light-01: #335C85;
$--theme-color-primary-light-02: #B0C4D6;
$--theme-color-primary-light-03: #CCD7E6;
$--theme-color-primary-light-04: #E3EBF5;

$--theme-color-secondary: #AFCC7A;
$--theme-color-secondary-dark: #AFCC7A;
$--theme-color-secondary-light: #E4F1E4;

$--theme-color-grey: #636D76;
$--theme-color-grey-light: #EFF3F6;
$--theme-color-white: #FFFFFF;
$--theme-color-black: #000000;

$--theme-color-text: #000000;
$--theme-color-link: #003366;
$--theme-color-link-hover: #AFCC7A;

$--theme-color-gradient-01: 003366;
$--theme-color-gradient-02: #77BA59;
$--theme-color-gradient-03: #DECC56;


// MICROSITE STYLE 03

$--theme-color-primary: #56A437;
$--theme-color-primary-rgb: 86,164,55;
$--theme-color-primary-light-01: #76B55D;
$--theme-color-primary-light-02: #96C783;
$--theme-color-primary-light-03: #D5E8CD;
$--theme-color-primary-light-04: #EEF6EB;

$--theme-color-secondary: #FFCE2E;
$--theme-color-secondary-dark: #FFCE2E;
$--theme-color-secondary-light: #FFF5D5;

$--theme-color-grey: #636D76;
$--theme-color-grey-light: #EFF3F6;
$--theme-color-white: #FFFFFF;
$--theme-color-black: #000000;

$--theme-color-text: #000000;
$--theme-color-link: #56A437;
$--theme-color-link-hover: #56A437;

$--theme-color-gradient-01: #56A437;
$--theme-color-gradient-02: #A8CC38;
$--theme-color-gradient-03: #C9D624;


// MICROSITE STYLE 04

$--theme-color-primary: #6E7B86;
$--theme-color-primary-rgb: 110,123,134;
$--theme-color-primary-light-01: #89949D;
$--theme-color-primary-light-02: #A6AEB4;
$--theme-color-primary-light-03: #DBDEE1;
$--theme-color-primary-light-04: #F1F2F3;

$--theme-color-secondary: #F7A93A;
$--theme-color-secondary-dark: #F7A93A;
$--theme-color-secondary-light: #FDEED8;

$--theme-color-grey: #636D76;
$--theme-color-grey-light: #EFF3F6;
$--theme-color-white: #FFFFFF;
$--theme-color-black: #000000;

$--theme-color-text: #000000;
$--theme-color-link: #6E7B86;
$--theme-color-link-hover: #6E7B86;

$--theme-color-gradient-01: #6E7B86;
$--theme-color-gradient-02: #B0A38E;
$--theme-color-gradient-03: #D1B792;


// MICROSITE STYLE 05

$--theme-color-primary: #0092B7;
$--theme-color-primary-light-01: #30A7C5;
$--theme-color-primary-light-02: #60BBD3;
$--theme-color-primary-light-03: #BFE4ED;
$--theme-color-primary-light-04: #E6F4F8;

$--theme-color-secondary: #AFD300;
$--theme-color-secondary-dark: #AFD300;
$--theme-color-secondary-light: #EFF6CC;

$--theme-color-grey: #636D76;
$--theme-color-grey-light: #EFF3F6;
$--theme-color-white: #FFFFFF;
$--theme-color-black: #000000;

$--theme-color-text: #000000;
$--theme-color-link: #0092B7;
$--theme-color-link-hover: #AFD300;

$--theme-color-gradient-01: #0092B7;
$--theme-color-gradient-02: #41C26E;
$--theme-color-gradient-03: #AFD300;


// MICROSITE STYLE 06

$--theme-color-primary: #34989D;
$--theme-color-primary-light-01: #5AACB0;
$--theme-color-primary-light-02: #81BFC2;
$--theme-color-primary-light-03: #CCE5E6;
$--theme-color-primary-light-04: #EBF5F5;

$--theme-color-secondary: #FFCE2E;
$--theme-color-secondary-dark: #FFCE2E;
$--theme-color-secondary-light: #FFF0C0;

$--theme-color-grey: #636D76;
$--theme-color-grey-light: #EFF3F6;
$--theme-color-white: #FFFFFF;
$--theme-color-black: #000000;

$--theme-color-text: #000000;
$--theme-color-link: #34989D;
$--theme-color-link-hover: #FFCE2E;

$--theme-color-gradient-01: #34989D;
$--theme-color-gradient-02: #62b97c;
$--theme-color-gradient-03: #ffce2e;


// MICROSITE STYLE 07

$--theme-color-primary: #C22700;
$--theme-color-primary-light-01: #CF5334;
$--theme-color-primary-light-02: #DA7A63;
$--theme-color-primary-light-03: #F0C9BF;
$--theme-color-primary-light-04: #F9E9E6;

$--theme-color-secondary: #34989D;
$--theme-color-secondary-dark: #34989D;
$--theme-color-secondary-light: #D6EAEB;

$--theme-color-grey: #636D76;
$--theme-color-grey-light: #EFF3F6;
$--theme-color-white: #FFFFFF;
$--theme-color-black: #000000;

$--theme-color-text: #000000;
$--theme-color-link: #C22700;
$--theme-color-link-hover: #C22700;

$--theme-color-gradient-01: #C22700;
$--theme-color-gradient-02: #8e9840;
$--theme-color-gradient-03: #349d93;


// MICROSITE STYLE 08

$--theme-color-primary: #5C8100;
$--theme-color-primary-light-01: #7C9931;
$--theme-color-primary-light-02: #9AB161;
$--theme-color-primary-light-03: #D6DFBF;
$--theme-color-primary-light-04: #EFF2E6;

$--theme-color-secondary: #00E6FF;
$--theme-color-secondary-dark: #00E6FF;
$--theme-color-secondary-light: #CCFAFF;

$--theme-color-grey: #636D76;
$--theme-color-grey-light: #EFF3F6;
$--theme-color-white: #FFFFFF;
$--theme-color-black: #000000;

$--theme-color-text: #000000;
$--theme-color-link: #5C8100;
$--theme-color-link-hover: #5C8100;

$--theme-color-gradient-01: #5C8100;
$--theme-color-gradient-02: #51bf93;
$--theme-color-gradient-03: #00fffc;


// MICROSITE STYLE 09

$--theme-color-primary: #E6007E;
$--theme-color-primary-light-01: #EB3398;
$--theme-color-primary-light-02: #F063B0;
$--theme-color-primary-light-03: #F9BFDF;
$--theme-color-primary-light-04: #FCE6F2;

$--theme-color-secondary: #563F54;
$--theme-color-secondary-dark: #563F54;
$--theme-color-secondary-light: #EEECEE;

$--theme-color-grey: #E6007E;
$--theme-color-grey-light: #EFF3F6;
$--theme-color-white: #FFFFFF;
$--theme-color-black: #000000;

$--theme-color-text: #000000;
$--theme-color-link: #E6007E;
$--theme-color-link-hover: #E6007E;

$--theme-color-gradient-01: #E6007E;
$--theme-color-gradient-02: #9f1f69;
$--theme-color-gradient-03: #563f54;