Viewing File: /usr/local/cpanel/base/frontend/jupiter/koality/css/colorVars.css

:root {
  --appui-primary: #03447e;
  --appui-secondary: #17AE59;
  --appui-uibg: #fdfdfd;
  --appui-text: #2d2d2d;
  --appui-border: #bdbdbd;
  --appui-warning: #f59e0b;
  --appui-success: #2ecc71;
  --appui-error: #F46565;
  --appui-info: #6366f1;
  --appui-neutral: #95959b;
  --appui-mixcolor-colors-regular: #f8f8f8;
  --appui-mixcolor-colors-invert: #161616;
  --appui-color-contrast: 0%;
  --appui-color-contrast-invert: 0%;
  --appui-color-multiplier: 10%;
  --appui-color-finemultiplier: 1.1;
  --appui-mixcolor-uibg-regular: #232222;
  --appui-mixcolor-uibg-invert: #212121;
  --appui-uibg-contrast-multiplier: 3%;
  --appui-uibg-contrast-multiplier-reverse: 4%;
  --appui-uibg-contrast-invert-multiplier: 3%;
  --appui-uibg-contrast: 0%;
  --appui-uibg-contrast-invert: 0%;
  --appui-mixcolor-neutral-regular: #ffffff;
  --appui-mixcolor-neutral-invert: #000000;
  --appui-neutral-contrast: 1%;
  --appui-neutral-contrast-invert: 1%;
  --appui-neutral-multiplier: 8%;
  --appui-neutral-finemultiplier: 1.1;
  --appui-uiText-multiplier: 11%;
  --appui-uiText-contrast: 0%;
  --appui-mixcolor-text: #ffffff;
  --appui-mixcolor-uiborder-regular: #ffffff;
  --appui-mixcolor-uiborder-invert: #090909;
  --appui-color-colorspace: oklab;
  --appui-neutral-colorspace: srgb;

  --appui-chart-9: #a05195;
  --appui-chart-8: #665191;
  --appui-chart-7: #d45087;
  --appui-chart-6: #665191;
  --appui-chart-5: #f95d6a;
  --appui-chart-4: #2f4b7c;
  --appui-chart-3: #ff7c43;
  --appui-chart-2: #003f5c;
  --appui-chart-1: #ffa600;
  --appui-chart-fail: oklch(from var(--appui-error) calc(l - 0) calc(c + 0) h / 0.9);
  --appui-chart-success: oklch(from var(--appui-primary) calc(l + 0.2) calc(c - 0) h / 0.9);

}


.dark {
  --appui-uibg: #242431;
  --appui-text: #ececec;
  --appui-border: #54565d;
  --appui-neutral: #6d717e;
  --appui-warning: #e69204;
  --appui-success: #0abf57;
  --appui-error: #DB2D2D;
  --appui-info: #6568ff;
  --appui-mixcolor-colors-regular: #181717;
  --appui-mixcolor-colors-invert: #e8e8e8;
  --appui-color-contrast: 0%;
  --appui-color-contrast-invert: 0%;
  --appui-color-multiplier: 9%;
  --appui-color-finemultiplier: 1.1;
  --appui-mixcolor-uibg-regular: #000;
  --appui-mixcolor-uibg-invert: #c9c9c9;
  --appui-uibg-contrast-multiplier: 11%;
  --appui-uibg-contrast-multiplier-reverse: 5%;
  --appui-uibg-contrast-invert-multiplier: 8%;
  --appui-uibg-contrast: 1%;
  --appui-uibg-contrast-invert: 1%;
  --appui-mixcolor-neutral-regular: #0f0e0e;
  --appui-mixcolor-neutral-invert: #ffffff;
  --appui-neutral-contrast: 2%;
  --appui-neutral-contrast-invert: 1%;
  --appui-neutral-multiplier: 9%;
  --appui-neutral-finemultiplier: 1.2;
  --appui-uiText-multiplier: 9%;
  --appui-uiText-contrast: 1%;
  --appui-mixcolor-text: #282828;
  --appui-mixcolor-uiborder-regular: #292929;
  --appui-mixcolor-uiborder-invert: #dbdbdb;

  --appui-chart-9: oklch(from #a05195 calc(l + 0.1) calc(c + 0) calc(h + 180));
  --appui-chart-8: oklch(from #665191 calc(l + 0.1) calc(c + 0) calc(h + 180));
  --appui-chart-7: oklch(from #d45087 calc(l + 0.1) calc(c + 0) calc(h + 180));
  --appui-chart-6: oklch(from #665191 calc(l + 0.1) calc(c + 0) calc(h + 180));
  --appui-chart-5: oklch(from #f95d6a calc(l + 0.1) calc(c + 0) calc(h + 180));
  --appui-chart-4: oklch(from #2f4b7c calc(l + 0.1) calc(c + 0) calc(h + 180));
  --appui-chart-3: oklch(from #ff7c43 calc(l + 0.1) calc(c + 0) calc(h + 180));
  --appui-chart-2: oklch(from #003f5c calc(l + 0.1) calc(c + 0) calc(h + 180));
  --appui-chart-1: oklch(from #ffa600 calc(l + 0.1) calc(c + 0) calc(h + 180));
  --appui-chart-fail: oklch(from var(--appui-error) calc(l + 0.1) calc(c + 0) calc(h + 180) / 0.9);
  --appui-chart-success: oklch(from var(--appui-primary) calc(l + 0.3) calc(c - 0) calc(h + 180) / 0.9);
  --ui-text-highlighted: #ffffff;
}

.cstyleHc {
  --appui-text: #0e0e0e;
  --appui-mixcolor-colors-regular: #ffffff;
  --appui-mixcolor-colors-invert: #000000;
  --appui-uiText-multiplier: 30%;
  --appui-uiText-contrast: 0%;
  --appui-border: #232222;
  --appui-uibg-contrast: 10%;
  --appui-neutral-contrast: -10%;
  --appui-neutral: #202020;
  --appui-uibg-contrast-multiplier: 1%;
  --appui-color-multiplier: 12%;
  --appui-uibg: #ffffff;
}

.dark.cstyleHc {
  --appui-text: #f4f4f4;
  --appui-mixcolor-colors-regular: #171717;
  --appui-mixcolor-colors-invert: hsl(0, 0%, 97%);
  --appui-uiText-multiplier: 30%;
  --appui-uiText-contrast: 0%;
  --appui-border: #e2e2e2;
  --appui-uibg-contrast: 0%;
  --appui-neutral: #d3d3d3;
  --appui-uibg-contrast-multiplier: 1%;
  --appui-color-multiplier: 12%;
}

.cstyleCBProt {
  --appui-success: #cc1ce3;
  --appui-warning: #e6a619;
  --appui-error: #8be80f;
  --appui-info: #3a77e4;
}
.cstyleCBDeut {
  --appui-success: #e6a717;
  --appui-warning: #0ac2f4;
  --appui-error: #4b18e2;
  --appui-info: #63f1eb;
}
.cstyleCBTrit {
  --appui-success: #11d212;
  --appui-warning: #a99319;
  --appui-error: #b81f57;
  --appui-info: #704bd9;
}







/* .sqmRoot { */
  /* --primaryColorRegular: #03447e;
  --primaryColor100: #ced8eb;
  --primaryColor300: #0075bd;
  --primaryColor400: #0067a7;
  --primaryColor500: #004377;
  --primaryColor600: #0094FF;
  --secondaryColorRegular: #17AE59;
  --secondaryColor400: #1cd46c;
  --secondaryColor500: #108142;
  --thirdColorRegular: #FFDF95;
  --thirdColor400: #FFFBEC;
  --thirdColor500: #fad57f;
  --tsxm-marketing400: #b96028;
  --tsxm-marketing: #E87B35;
  --tsxm-marketing500: #C46427;
  --tsxm-text: #1e293b;
  --tsxm-textSoft: #334155;
  --tsxm-headline: #0f172a;
  --tsxm-textLink: var(--primaryColorRegular);
  --tsxm-textLinkHover: var(--primaryColor400);
  --tsxm-mainBackground: #fff;
  --tsxm-secondaryBackground: #f9fafb;
  --tsxm-success100: #e0faec;
  --tsxm-success400: #74eaa6;
  --tsxm-success: #2ecc71;
  --tsxm-success500: #15af55;
  --tsxm-warning100: #fef3e2;
  --tsxm-warning400: #f59e0b;
  --tsxm-warning: #f59e0b;
  --tsxm-warning500: #f59e0b;
  --tsxm-danger100: #fadbdb;
  --tsxm-danger400: #fd9595;
  --tsxm-danger: #F46565;
  --tsxm-danger500: #e44747;
  --tsxm-info100: #e0e7ff;
  --tsxm-info400: #6366f1;
  --tsxm-info: #6366f1;
  --tsxm-info500: #6366f1;
  --tsxb-primary-bg: var(--primaryColorRegular);
  --tsxb-primary-bg-hover: var(--primaryColor400);
  --tsxb-primary-text: #fff;
  --tsxb-primary-text-hover: #fff;
  --tsxb-secondary-bg: var(--secondaryColorRegular);
  --tsxb-secondary-bg-hover: var(--secondaryColor400);
  --tsxb-secondary-text: #1e293b;
  --tsxb-secondary-text-hover: #1e293b;
  --tsxb-transparent-text: #1e293b;
  --tsxb-transparent-text-hover: #1e293b; */
/* } */
/* colors for dark mode*/
/* .dark {
  --tsxm-text: #f1f5f9;
  --tsxm-textSoft: #e5e7eb;
  --tsxm-headline: #f1f5f9;
  --tsxm-textLink: var(--primaryColorRegular);
  --tsxm-textLinkHover: var(--primaryColor400);
  --tsxm-mainBackground: #1e293b;
  --tsxm-secondaryBackground: #1e293b;
} */