@talentsoft-opensource/uxp-themes/dist/assets/styles/colors.less

Talentsoft UX themes

// user defined colors
@primary-color: color('@{themeColor}');
@text-light: color('@{fontColorOnTheme}');
@text-dark: color('@{fontColorOnNeutral}');

// calculated from user defined colors
@lighten-color: lighten(@primary-color, 5);
@darken-color: darken(@primary-color, 5);
@primary-color-SeventyFive: fade(@primary-color, 75%);
@primary-color-light: fade(@primary-color, 10%);
@primary-color-ultra-light: fade(@primary-color, 5%);
@secundary-color: fade(@primary-color, 50%);
@third-color: fade(@primary-color, 20%);
@fade-text-dark: fade(@text-dark, 20%);
@fade-text-light: fade(@text-light, 20%);
@opacity-background: fade(color('@{backgroundColor}'), @backgroundOpacity);

// general colors
@primary-color-mega-light: rgba(6, 77, 157, .01);

// "white" colors
@primary-full-white: #FFFFFF;
@primary-white-mega-light: fade(@primary-full-white, 1%);
@primary-white-ultra-light: fade(@primary-full-white, 5%);
@third-white: fade(@primary-full-white, 20%);
@secundary-white: fade(@primary-full-white, 50%);
@primary-white: fade(@primary-full-white, 80%);
@text: fade(@primary-full-white, 100%);

// "black" colors
@primary-black: rgba(0,0,0,0.8);
@secundary-black: rgba(0,0,0,0.5);

// base theme color
@neutral: #fcfcfa;
@neutral-alternate: #f8f6f7;

// Border color of field in error
@border-error-color: #a75151;
@error-color: #FF7777;
@success-color: #01DF01;

@validate-color: #4D9242;
@action-color: #51A2DA;
@cancel-color: #A75151;

@gradient1: rgba(205,206,211,1);
@gradient2: rgba(234,234,236,1);
@gradient3: rgba(246,246,246,0);