@holidayextras/brand-parken-und-fliegen/src/less/colours.less

Parken-und-Fliegen

@import '../../../brand-globals/src/less/colours';
//
// Parken-und-Fliegen Colors
// --------------------------------------------------

// Core brand colours
@color-blue:            rgb(22,92,197); //#165CC5
@color-yellow:          rgb(255,221,0); //#ffdd00
@color-orange:          rgb(240,173,78); //#f0ad4e
@color-turquoise:       rgb(91,199,222); //#5bc7de
@color-green:           rgb(136,186,56); //#88ba38
@color-red:             rgb(216,43,38); //#d82b26

// Grays
@gray-darker:           rgb(33,33,33); //#212121
@gray-dark:             rgb(65, 65, 65); //#414141
@gray:                  rgb(129,129,129); //#818181
@gray-light:            rgb(177,177,177); //#b1b1b1
@gray-lighter:          rgb(238,238,238); //#eeeeee

// Functional colours
@brand-default:             @color-blue;
@brand-disabled:            @gray;

@brand-primary:             @color-blue;
@brand-primary-dark:        darken(spin(@brand-primary, -4%), 10%);
@brand-primary-light:       lighten(spin(@brand-primary, -3%), 18%);
@brand-primary-lighter:     lighten(spin(@brand-primary, -4%), 28%);
@brand-primary-lightest:    lighten(spin(@brand-primary, -4%), 38%);

@brand-secondary:           @color-yellow;
@brand-secondary-dark:      darken(spin(@brand-secondary, -4%), 10%);
@brand-secondary-light:     lighten(spin(@brand-secondary, -3%), 18%);
@brand-secondary-lighter:   lighten(spin(@brand-secondary, -4%), 28%);
@brand-secondary-lightest:  lighten(spin(@brand-secondary, -4%), 38%);

@brand-tertiary:            @gray-light;
@brand-tertiary-dark:       darken(spin(@brand-tertiary, -4%), 10%);
@brand-tertiary-light:      lighten(spin(@brand-tertiary, -3%), 18%);
@brand-tertiary-lighter:    lighten(spin(@brand-tertiary, -4%), 28%);
@brand-tertiary-lightest:   lighten(spin(@brand-tertiary, -4%), 38%);

@brand-success:             @color-green;
@brand-success-dark:         darken(spin(@brand-success, -4%), 10%);
@brand-success-light:       lighten(spin(@brand-success, -3%), 18%);
@brand-success-lighter:     lighten(spin(@brand-success, -4%), 28%);
@brand-success-lightest:    lighten(spin(@brand-success, -4%), 38%);

@brand-warning:             @color-orange;
@brand-warning-dark:        darken(spin(@brand-warning, -4%), 10%);
@brand-warning-light:       lighten(spin(@brand-warning, -3%), 18%);
@brand-warning-lighter:     lighten(spin(@brand-warning, -4%), 28%);
@brand-warning-lightest:    lighten(spin(@brand-warning, -4%), 38%);

@brand-danger:              @color-red;
@brand-danger-dark:         darken(spin(@brand-danger, -4%), 10%);
@brand-danger-light:        lighten(spin(@brand-danger, -3%), 18%);
@brand-danger-lighter:      lighten(spin(@brand-danger, -4%), 28%);
@brand-danger-lightest:     lighten(spin(@brand-danger, -4%), 38%);

@brand-info:                @color-turquoise;
@brand-info-dark:           darken(spin(@brand-info, -4%), 10%);
@brand-info-light:          lighten(spin(@brand-info, -3%), 18%);
@brand-info-lighter:        lighten(spin(@brand-info, -4%), 28%);
@brand-info-lightest:       lighten(spin(@brand-info, -4%), 38%);