/———————————————————————–/ /* General Theme Colors */ /———————————————————————–/
// Material colors //————————————————————- // Primary color (e.g.: Indigo) @material-primary: <%= MnoEnterprise.style
.palette.primary %>;
// Accent color (e.g.: Pink) @material-accent: <%= MnoEnterprise.style
.palette.accent %>;
// Warn color (e.g.: Red) @material-warn: <%= MnoEnterprise.style
.palette.warn %>;
// Background color (e.g.: Grey) @material-background: <%= MnoEnterprise.style
.palette.background %>;
// Main colors //————————————————————- // Dashboard background color @bg-main-color: <%= MnoEnterprise.style
.palette.bg_main_color %>;
// Elements placed on top of bg-main-color @decorator-main-color: <%= MnoEnterprise.style
.palette.decorator_main_color %>;
// Elements placed on top of bg-main-color (secondary) @decorator-alt-color: <%= MnoEnterprise.style
.palette.decorator_alt_color %>;
// Used for text used in the context of bg-main-color @text-strong-color: <%= MnoEnterprise.style
.palette.text_strong_color %>;
// Inverse colors //————————————————————- // Background color used for dashboard side menu. top banners, inverse modals @bg-inverse-color: <%= MnoEnterprise.style
.palette.bg_inverse_color %>;
// Background color for elements displayed on top of inverse elements @bg-on-bg-inverse-color: <%= MnoEnterprise.style
.palette.bg_on_bg_inverse_color %>;
// Background color used for elements on top of bg-inverse-color @bg-inverse-intense-color: <%= MnoEnterprise.style
.palette.bg_inverse_intense_color %>;
// Design elements (lines, borders) on top of bg-inverse-color @decorator-inverse-color: <%= MnoEnterprise.style
.palette.decorator_inverse_color %>;
// Text used on top of bg-inverse-color such as inverse modals @text-inverse-color: <%= MnoEnterprise.style
.palette.text_inverse_color %>;
// Color used in small/isolated elements //————————————————————- // used to reflect a positive action or point (e.g: tick icon) @elem-positive-color: <%= MnoEnterprise.style
.palette.elem_positive_color %>;
// stronger version of elem-positive-color (barely used) @elem-positive-flash-color: <%= MnoEnterprise.style
.palette.elem_positive_flash_color %>;
// used for regular design element - fits well with both main and inverse backgrounds @elem-cozy-color: <%= MnoEnterprise.style
.palette.elem_cozy_color %>;