packages/colors/themes/dist/storefront-wallet.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: #f1f2ff;
   9   --primary-minor-1: #e4e5ff;
  10   --primary: #767dff;
  11   --primary-major-1: #6a71e6;
  12   --primary-major-2: #5e64cc;
  13   --primary-major-3: #5358b3;
  14   --primary-contrast: #ffffff;
  15   --signal-danger-minor-2: #fff0f0;
  16   --signal-danger-minor-1: #ffe0e0;
  17   --signal-danger: #ff6464;
  18   --signal-danger-major-1: #e65a5a;
  19   --signal-danger-major-2: #cc5050;
  20   --signal-danger-major-3: #b34646;
  21   --signal-danger-contrast: #000000;
  22   --signal-warning-minor-2: #fff2e6;
  23   --signal-warning-minor-1: #ffe4cc;
  24   --signal-warning: #ff7a00;
  25   --signal-warning-major-1: #e66e00;
  26   --signal-warning-major-2: #cc6200;
  27   --signal-warning-major-3: #b35500;
  28   --signal-warning-contrast: #000000;
  29   --signal-success-minor-2: #f0f9f0;
  30   --signal-success-minor-1: #e1f2e1;
  31   --signal-success: #6ac06b;
  32   --signal-success-major-1: #5fad60;
  33   --signal-success-major-2: #559a56;
  34   --signal-success-major-3: #4a864b;
  35   --signal-success-contrast: #000000;
  36   --signal-info-minor-2: #f1f2ff;
  37   --signal-info-minor-1: #e4e5ff;
  38   --signal-info: #767dff;
  39   --signal-info-major-1: #6a71e6;
  40   --signal-info-major-2: #5e64cc;
  41   --signal-info-major-3: #5358b3;
  42   --signal-info-contrast: #ffffff;
  43   --interaction-norm-minor-2: #f1f2ff;
  44   --interaction-norm-minor-1: #e4e5ff;
  45   --interaction-norm: #767dff;
  46   --interaction-norm-major-1: #6a71e6;
  47   --interaction-norm-major-2: #5e64cc;
  48   --interaction-norm-major-3: #5358b3;
  49   --interaction-norm-contrast: #ffffff;
  50   --interaction-norm-hover: #6367d7;
  51   --interaction-norm-active: #6367d7;
  52   --interaction-weak-minor-2: #f8f8f8;
  53   --interaction-weak-minor-1: #f4f4f4;
  54   --interaction-weak: #e8e8e8;
  55   --interaction-weak-major-1: #dcdcdc;
  56   --interaction-weak-major-2: #d1d1d1;
  57   --interaction-weak-major-3: #c5c5c5;
  58   --interaction-weak-contrast: #000000;
  59   --interaction-weak-hover: #cacbd3;
  60   --interaction-weak-hover: #b3b6cc;
  61   --text-norm: #191c32;
  62   --text-weak: #767f8e;
  63   --text-hint: #8e909f;
  64   --text-disabled: #b3b6cc;
  65   --text-invert: white;
  66   --field-norm: #b3b6cc;
  67   --field-hover: #8e909f;
  68   --field-disabled: #cfcfcf;
  69   --focus-outline: #767dff;
  70   --focus-ring: rgb(117 124 255 / 0.2);
  71   --border-norm: #cfcfcf;
  72   --border-weak: #e6e8ec;
  73   --background-norm: white;
  74   --background-weak: #f0f3f4;
  75   --background-strong: #e6e8ec;
  76   --background-invert: #191927;
  77   --interaction-default: transparent;
  78   --interaction-default-hover: rgb(200 209 214 / 0.2);
  79   --interaction-default-active: rgb(200 209 214 / 0.45);
  80   --shadow-primary-color: 118 125 255;
  81   --shadow-norm-opacity: 0.1;
  82   --shadow-raised-opacity: 0.1;
  83   --shadow-lifted-opacity: 0.16;
  84   --backdrop-norm: rgb(0 10 77 / 0.32);
  85   --optional-scrollbar-thumb-color: #d1cfcd;
  86   --optional-link-norm: #5b63f6;
  87   --optional-link-hover: #4449e4;
  88   --optional-link-active: #3e3c88;
  89   --optional-mini-calendar-today-color: initial;
  90   --optional-logo-text-proton-color: initial;
  91   --optional-logo-text-product-color: initial;
  92   --optional-promotion-text-color: #15006f;
  93   --optional-promotion-text-weak: #50409b;
  94   --optional-promotion-interaction-hover: rgb(109 74 255 / 0.08);
  95   --optional-promotion-background-start: rgb(109 74 255 / 0.15);
  96   --optional-promotion-background-end: rgb(70 26 255 / 0.04);
  97 }