@brizy/ui/style/color/index.less

React elements in Brizy style

@color-red: var(--color-red, #ff0000);
@color-red-secondary: var(--color-red-secondary, #ff887a);
@color-red-lightest: var(--color-red-lightest, #ffeae6);

@color-magneta: var(--color-magneta, #d62c64);
@color-red-light: var(--color-red-light, #f6dede);

@color-blue: var(--color-blue, #3dbfe8);
@color-blue-mid: var(--color-blue-mid, #add6e4);
@color-blue-light: var(--color-blue-light, #d8eaf0);
@color-blue-lightest: var(--color-blue-lighest, #e5eff2);
@color-blue-darkest: var(--color-blue-darkest, #383e48);
@color-blue-dark: var(--color-blue-dark, rgba(3, 8, 15, 0.92));

@color-dark: var(--color-dark, #212733);
@color-dark-fade-40: var(--color-dark-fade-40, #21273366);
@color-darkest: var(--color-darkest, #141923);
@color-black: var(--color-black, #000000);
@color-gray: var(--color-gray, #777f86);
@color-gray-fade-90: var(--color-gray, #777f86e6);
@color-gray-darkest: var(--color-gray-darkest, #3a404d);
@color-gray-dark: var(--color-gray-dark, #6f767e);
@color-gray-mid: var(--color-gray-mid, #a1a8ad);
@color-gray-mid-fade-50: var(--color-gray-mid-fade-50, #a1a8ad80);
@color-gray-light: var(--color-gray-light, #d5d9db);
@color-gray-lightest: var(--color-gray-lightest, #f1f1f1);

@color-orange: var(--color-orange, #dfad3d);
@color-orange-secondary: var(--color-orange-secondary, #fff1bf);
@color-orange-light: var(--color-orange-light, #fdeecd);
@color-orange-lightest: var(--color-orange-lightest, #fffdf0);

@color-orange-fade-80: var(--color-orange-fade-80, #dfad3dcc);

@color-green: var(--color-green, #47cc24);
@color-green-secondary: var(--color-green-secondary, #b9f2a0);
@color-green-light: var(--color-green-light, #d4f9c9);
@color-green-lightest: var(--color-green-lightest, #f5fff0);

@color-violet-blue: var(--color-violet-blue, #807dff);

@color-white: var(--color-white, #ffffff);
@color-white-fade-85: var(--color-white-fade-85, #ffffffd9);
@color-transparent: var(--color-transparent, transparent);

@white: @color-white;
@white-darken-3: var(--white-darken-3, #f7f7f7);
@white-darken-5: var(--white-darken-5, #eaeaea);
@table-header-sort-active-filter-bg: var(--table-header-sort-active-filter-bg, #fcfcfc);
@white-fade-45: var(--white-fade-45, #ffffff73);
@white-fade-1: var(--white-fade-1, #ffffff03);
@white-fade-50: var(--white-fade-50, #ffffff80);
@white-fade-85: var(--white-fade-85, #ffffffd9);
@white-fade-65: var(--white-fade-65, #ffffffa6);

@link-active-color: var(--link-active-color, #2999c2);

@color-primary: @color-blue;
@color-primary-1: var(--color-primary-1, #f0feff);
@color-primary-2: var(--color-primary-2, #e6fcff);
@color-primary-3: var(--color-primary-3, #bdf6ff);
@color-primary-7: var(--color-primary-7, #2999c2);
@color-primary-1-darken-2: var(--color-primary-1-darken-2, #e6fdff);
@color-primary-1-fade-20: var(--color-primary-1-fade-20, #f0feff33);
@color-primary-lighten-35: var(--color-primary-lighten-35, #e1f5fb);
@color-primary-lighten-20: var(--color-primary-lighten-20, #98ddf3);
@color-primary-tint-20: var(--color-primary-tint-20, #64cced);
@color-primary-fade-12: var(--color-primary-fade-12, #3dbfe81f);
@color-primary-tint-50: var(--color-primary-tint-50, #9edff4);
@color-primary-fade-80: var(--color-primary-fade-80, #3dbfe8cc);
@color-primary-fade-20: var(--color-primary-fade-20, #3dbfe833);
@color-primary-fade-8: var(--color-primary-fade-8, #3dbfe814);