zitadel/apps/login/styles/vars.scss

:root {
  --theme-dark-primary-50: #f1f7fd;
  --theme-dark-primary-contrast-50: hsla(0, 0%, 0%, 0.87);
  --theme-dark-primary-100: #afd1f2;
  --theme-dark-primary-contrast-100: hsla(0, 0%, 0%, 0.87);
  --theme-dark-primary-200: #7fb5ea;
  --theme-dark-primary-contrast-200: hsla(0, 0%, 0%, 0.87);
  --theme-dark-primary-300: #4192e0;
  --theme-dark-primary-contrast-300: hsla(0, 0%, 0%, 0.87);
  --theme-dark-primary-400: #2782dc;
  --theme-dark-primary-contrast-400: hsla(0, 0%, 0%, 0.87);
  --theme-dark-primary-500: #2073c4;
  --theme-dark-primary-contrast-500: #ffffff;
  --theme-dark-primary-600: #1c64aa;
  --theme-dark-primary-contrast-600: #ffffff;
  --theme-dark-primary-700: #17548f;
  --theme-dark-primary-contrast-700: #ffffff;
  --theme-dark-primary-800: #134575;
  --theme-dark-primary-contrast-800: #ffffff;
  --theme-dark-primary-900: #0f355b;
  --theme-dark-primary-contrast-900: #ffffff;
  --theme-dark-primary-A100: #e4f2ff;
  --theme-dark-primary-contrast-A100: hsla(0, 0%, 0%, 0.87);
  --theme-dark-primary-A200: #7ebfff;
  --theme-dark-primary-contrast-A200: hsla(0, 0%, 0%, 0.87);
  --theme-dark-primary-A400: #278df0;
  --theme-dark-primary-contrast-A400: hsla(0, 0%, 0%, 0.87);
  --theme-dark-primary-A700: #1d80e0;
  --theme-dark-primary-contrast-A700: hsla(0, 0%, 0%, 0.87);
  --theme-light-primary-50: #ffffff;
  --theme-light-primary-contrast-50: hsla(0, 0%, 0%, 0.87);
  --theme-light-primary-100: #ebedfa;
  --theme-light-primary-contrast-100: hsla(0, 0%, 0%, 0.87);
  --theme-light-primary-200: #bec6ef;
  --theme-light-primary-contrast-200: hsla(0, 0%, 0%, 0.87);
  --theme-light-primary-300: #8594e0;
  --theme-light-primary-contrast-300: hsla(0, 0%, 0%, 0.87);
  --theme-light-primary-400: #6c7eda;
  --theme-light-primary-contrast-400: hsla(0, 0%, 0%, 0.87);
  --theme-light-primary-500: #5469d4;
  --theme-light-primary-contrast-500: #ffffff;
  --theme-light-primary-600: #3c54ce;
  --theme-light-primary-contrast-600: #ffffff;
  --theme-light-primary-700: #2f46bc;
  --theme-light-primary-contrast-700: #ffffff;
  --theme-light-primary-800: #293da3;
  --theme-light-primary-contrast-800: #ffffff;
  --theme-light-primary-900: #23348b;
  --theme-light-primary-contrast-900: #ffffff;
  --theme-light-primary-A100: #ffffff;
  --theme-light-primary-contrast-A100: hsla(0, 0%, 0%, 0.87);
  --theme-light-primary-A200: #c5cefc;
  --theme-light-primary-contrast-A200: hsla(0, 0%, 0%, 0.87);
  --theme-light-primary-A400: #7085ea;
  --theme-light-primary-contrast-A400: hsla(0, 0%, 0%, 0.87);
  --theme-light-primary-A700: #6478de;
  --theme-light-primary-contrast-A700: hsla(0, 0%, 0%, 0.87);
  --theme-dark-warn-50: #ffffff;
  --theme-dark-warn-contrast-50: hsla(0, 0%, 0%, 0.87);
  --theme-dark-warn-100: #fff8f9;
  --theme-dark-warn-contrast-100: hsla(0, 0%, 0%, 0.87);
  --theme-dark-warn-200: #ffc0ca;
  --theme-dark-warn-contrast-200: hsla(0, 0%, 0%, 0.87);
  --theme-dark-warn-300: #ff788e;
  --theme-dark-warn-contrast-300: hsla(0, 0%, 0%, 0.87);
  --theme-dark-warn-400: #ff5a75;
  --theme-dark-warn-contrast-400: hsla(0, 0%, 0%, 0.87);
  --theme-dark-warn-500: #ff3b5b;
  --theme-dark-warn-contrast-500: hsla(0, 0%, 0%, 0.87);
  --theme-dark-warn-600: #ff1c41;
  --theme-dark-warn-contrast-600: hsla(0, 0%, 0%, 0.87);
  --theme-dark-warn-700: #fd0029;
  --theme-dark-warn-contrast-700: hsla(0, 0%, 0%, 0.87);
  --theme-dark-warn-800: #de0024;
  --theme-dark-warn-contrast-800: #ffffff;
  --theme-dark-warn-900: #c0001f;
  --theme-dark-warn-contrast-900: #ffffff;
  --theme-dark-warn-A100: #ffffff;
  --theme-dark-warn-contrast-A100: hsla(0, 0%, 0%, 0.87);
  --theme-dark-warn-A200: #ffd4db;
  --theme-dark-warn-contrast-A200: hsla(0, 0%, 0%, 0.87);
  --theme-dark-warn-A400: #ff6e86;
  --theme-dark-warn-contrast-A400: hsla(0, 0%, 0%, 0.87);
  --theme-dark-warn-A700: #ff5470;
  --theme-dark-warn-contrast-A700: hsla(0, 0%, 0%, 0.87);
  --theme-light-warn-50: #ffffff;
  --theme-light-warn-contrast-50: hsla(0, 0%, 0%, 0.87);
  --theme-light-warn-100: #f4d3d9;
  --theme-light-warn-contrast-100: hsla(0, 0%, 0%, 0.87);
  --theme-light-warn-200: #e8a6b2;
  --theme-light-warn-contrast-200: hsla(0, 0%, 0%, 0.87);
  --theme-light-warn-300: #da6e80;
  --theme-light-warn-contrast-300: hsla(0, 0%, 0%, 0.87);
  --theme-light-warn-400: #d3556b;
  --theme-light-warn-contrast-400: hsla(0, 0%, 0%, 0.87);
  --theme-light-warn-500: #cd3d56;
  --theme-light-warn-contrast-500: #ffffff;
  --theme-light-warn-600: #bb3048;
  --theme-light-warn-contrast-600: #ffffff;
  --theme-light-warn-700: #a32a3f;
  --theme-light-warn-contrast-700: #ffffff;
  --theme-light-warn-800: #8a2436;
  --theme-light-warn-contrast-800: #ffffff;
  --theme-light-warn-900: #721d2c;
  --theme-light-warn-contrast-900: #ffffff;
  --theme-light-warn-A100: #ffffff;
  --theme-light-warn-contrast-A100: hsla(0, 0%, 0%, 0.87);
  --theme-light-warn-A200: #faa9b7;
  --theme-light-warn-contrast-A200: hsla(0, 0%, 0%, 0.87);
  --theme-light-warn-A400: #e65770;
  --theme-light-warn-contrast-A400: hsla(0, 0%, 0%, 0.87);
  --theme-light-warn-A700: #d84c64;
  --theme-light-warn-contrast-A700: hsla(0, 0%, 0%, 0.87);
  --theme-dark-background-50: #7c93c6;
  --theme-dark-background-contrast-50: hsla(0, 0%, 0%, 0.87);
  --theme-dark-background-100: #4a69aa;
  --theme-dark-background-contrast-100: #ffffff;
  --theme-dark-background-200: #395183;
  --theme-dark-background-contrast-200: #ffffff;
  --theme-dark-background-300: #243252;
  --theme-dark-background-contrast-300: #ffffff;
  --theme-dark-background-400: #1a253c;
  --theme-dark-background-contrast-400: #ffffff;
  --theme-dark-background-500: #111827;
  --theme-dark-background-contrast-500: #ffffff;
  --theme-dark-background-600: #080b12;
  --theme-dark-background-contrast-600: #ffffff;
  --theme-dark-background-700: #000000;
  --theme-dark-background-contrast-700: #ffffff;
  --theme-dark-background-800: #000000;
  --theme-dark-background-contrast-800: #ffffff;
  --theme-dark-background-900: #000000;
  --theme-dark-background-contrast-900: #ffffff;
  --theme-dark-background-A100: #5782e0;
  --theme-dark-background-contrast-A100: hsla(0, 0%, 0%, 0.87);
  --theme-dark-background-A200: #204eb1;
  --theme-dark-background-contrast-A200: #ffffff;
  --theme-dark-background-A400: #182b53;
  --theme-dark-background-contrast-A400: #ffffff;
  --theme-dark-background-A700: #17223b;
  --theme-dark-background-contrast-A700: #ffffff;
  --theme-light-background-50: #ffffff;
  --theme-light-background-contrast-50: hsla(0, 0%, 0%, 0.87);
  --theme-light-background-100: #ffffff;
  --theme-light-background-contrast-100: hsla(0, 0%, 0%, 0.87);
  --theme-light-background-200: #ffffff;
  --theme-light-background-contrast-200: hsla(0, 0%, 0%, 0.87);
  --theme-light-background-300: #ffffff;
  --theme-light-background-contrast-300: hsla(0, 0%, 0%, 0.87);
  --theme-light-background-400: #ffffff;
  --theme-light-background-contrast-400: hsla(0, 0%, 0%, 0.87);
  --theme-light-background-500: #fafafa;
  --theme-light-background-contrast-500: hsla(0, 0%, 0%, 0.87);
  --theme-light-background-600: #ebebeb;
  --theme-light-background-contrast-600: hsla(0, 0%, 0%, 0.87);
  --theme-light-background-700: #dbdbdb;
  --theme-light-background-contrast-700: hsla(0, 0%, 0%, 0.87);
  --theme-light-background-800: #cccccc;
  --theme-light-background-contrast-800: hsla(0, 0%, 0%, 0.87);
  --theme-light-background-900: #bdbdbd;
  --theme-light-background-contrast-900: hsla(0, 0%, 0%, 0.87);
  --theme-light-background-A100: #ffffff;
  --theme-light-background-contrast-A100: hsla(0, 0%, 0%, 0.87);
  --theme-light-background-A200: #ffffff;
  --theme-light-background-contrast-A200: hsla(0, 0%, 0%, 0.87);
  --theme-light-background-A400: #ffffff;
  --theme-light-background-contrast-A400: hsla(0, 0%, 0%, 0.87);
  --theme-light-background-A700: #ffffff;
  --theme-light-background-contrast-A700: hsla(0, 0%, 0%, 0.87);
  --theme-dark-text: #ffffff;
  --theme-dark-secondary-text: #ffffffc7;
  --theme-light-text: #000000;
  --theme-light-secondary-text: #000000c7;
}