packages/colors/themes/dist/legacy.theme.css

   1 /*
   2  * This file is automatically generated.
   3  * Manual changes will be lost.
   4  */
   5
   6 :root,
   7 .ui-standard {
   8   --primary-minor-2: #dfe0f0;
   9   --primary-minor-1: #c9cbe6;
  10   --primary: #9397cd;
  11   --primary-major-1: #8c8fc3;
  12   --primary-major-2: #8488b9;
  13   --primary-major-3: #7d80ae;
  14   --primary-contrast: #000000;
  15   --primary-contrast: white;
  16   --signal-danger-minor-2: #faf2f2;
  17   --signal-danger-minor-1: #f5e5e5;
  18   --signal-danger: #cb7c7c;
  19   --signal-danger-major-1: #b77070;
  20   --signal-danger-major-2: #a26363;
  21   --signal-danger-major-3: #8e5757;
  22   --signal-danger-contrast: #ffffff;
  23   --signal-danger-contrast: white;
  24   --signal-warning-minor-2: #fcf8e7;
  25   --signal-warning-minor-1: #f8f2ce;
  26   --signal-warning: #debc0b;
  27   --signal-warning-major-1: #d3a20a;
  28   --signal-warning-major-2: #c88a0a;
  29   --signal-warning-major-3: #bd7309;
  30   --signal-warning-contrast: #000000;
  31   --signal-warning-contrast: black;
  32   --signal-success-minor-2: #f4f8f2;
  33   --signal-success-minor-1: #e8f0e4;
  34   --signal-success: #8eb67a;
  35   --signal-success-major-1: #80a46e;
  36   --signal-success-major-2: #729262;
  37   --signal-success-major-3: #637f55;
  38   --signal-success-contrast: #000000;
  39   --signal-success-contrast: white;
  40   --signal-info-minor-2: #f2f6fb;
  41   --signal-info-minor-1: #e6ecf6;
  42   --signal-info: #80a1d2;
  43   --signal-info-major-1: #7391bd;
  44   --signal-info-major-2: #6681a8;
  45   --signal-info-major-3: #5a7193;
  46   --signal-info-contrast: #000000;
  47   --signal-info-contrast: white;
  48   --interaction-norm-minor-2: #dfe0f0;
  49   --interaction-norm-minor-1: #c9cbe6;
  50   --interaction-norm: #9397cd;
  51   --interaction-norm-major-1: #8c8fc3;
  52   --interaction-norm-major-2: #8488b9;
  53   --interaction-norm-major-3: #7d80ae;
  54   --interaction-norm-contrast: #000000;
  55   --interaction-norm-contrast: white;
  56   --interaction-weak-minor-2: #f0f2f5;
  57   --interaction-weak-minor-1: #e7e9ef;
  58   --interaction-weak: #ced2df;
  59   --interaction-weak-major-1: #c4c8d4;
  60   --interaction-weak-major-2: #b9bdc9;
  61   --interaction-weak-major-3: #afb3be;
  62   --interaction-weak-contrast: #000000;
  63   --text-norm: black;
  64   --text-weak: #737386;
  65   --text-hint: #aaaabd;
  66   --text-disabled: #bcbcd0;
  67   --text-invert: white;
  68   --field-norm: #bcbcd0;
  69   --field-hover: #aaaabd;
  70   --field-disabled: #ced2df;
  71   --focus-outline: #9397cd;
  72   --focus-ring: #9397cd33;
  73   --border-norm: #ced2df;
  74   --border-weak: #d9dfe8;
  75   --background-norm: white;
  76   --background-weak: #e6eaf0;
  77   --background-strong: #d9dfe8;
  78   --background-invert: #0c0c14;
  79   --interaction-default: transparent;
  80   --interaction-default-hover: rgb(188 188 208 / 0.2);
  81   --interaction-default-active: rgb(188 188 208 / 0.3);
  82   --shadow-norm-opacity: 0.1;
  83   --shadow-raised-opacity: 0.1;
  84   --shadow-lifted-opacity: 0.16;
  85   --backdrop-norm: rgb(80 80 97 / 0.48);
  86   --optional-scrollbar-thumb-color: #ced2df;
  87   --optional-font-family: system-ui, sans-serif;
  88   --optional-border-radius: 2;
  89   --optional-main-border-width: 0;
  90   --optional-email-item-read-background-color: #f5f7fa;
  91   --optional-email-item-read-text-color: #393939;
  92   --optional-mini-calendar-today-color: initial;
  93   --optional-logo-text-proton-color: initial;
  94   --optional-logo-text-product-color: initial;
  95   --optional-promotion-text-color: #15006f;
  96   --optional-promotion-text-weak: #50409b;
  97   --optional-promotion-interaction-hover: rgb(109 74 255 / 0.08);
  98   --optional-promotion-background-start: rgb(109 74 255 / 0.15);
  99   --optional-promotion-background-end: rgb(70 26 255 / 0.04);
 100   --optional-background-elevated: white;
 101   --optional-background-lowered: #f3f4f6;
 102 }
 103
 104 .ui-prominent {
 105   --interaction-weak-minor-2: #2c2c34;
 106   --interaction-weak-minor-1: #4a4a57;
 107   --interaction-weak: #9393ae;
 108   --interaction-weak-major-1: #9e9eb6;
 109   --interaction-weak-major-2: #a9a9be;
 110   --interaction-weak-major-3: #b3b3c6;
 111   --interaction-weak-contrast: #000000;
 112   --text-norm: white;
 113   --text-weak: #c9c9de;
 114   --text-hint: #b5b5c9;
 115   --text-disabled: #a4a4bc;
 116   --text-invert: black;
 117   --field-norm: #b5b5c9;
 118   --field-hover: #c9c9de;
 119   --field-disabled: #9393ae;
 120   --border-norm: #9393ae;
 121   --border-weak: #83839f;
 122   --background-norm: #505061;
 123   --background-weak: #71718a;
 124   --background-strong: #83839f;
 125   --interaction-default: transparent;
 126   --interaction-default-hover: rgb(164 164 188 / 0.4);
 127   --interaction-default-active: rgb(164 164 188 / 0.6);
 128   --optional-scrollbar-thumb-color: #9393ae;
 129   --optional-mini-calendar-today-color: white;
 130   --optional-logo-text-proton-color: white;
 131   --optional-logo-text-product-color: white;
 132   --optional-bg-promotion-bw-button: white;
 133   --optional-text-promotion-bw-button: var(--text-invert);
 134 }