@eui/styles 23.0.0-alpha.2 → 23.0.0-alpha.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/base/02-tokens/colors-primitive.scss +0 -1
- package/dist/base/02-tokens/colors-semantic.scss +29 -7
- package/dist/base/02-tokens/dimensions-semantic.scss +8 -7
- package/dist/base/02-tokens/eds-colors-primitive.scss +249 -0
- package/dist/base/02-tokens/eds-colors-semantic-dark-theme.scss +156 -0
- package/dist/base/02-tokens/eds-colors-semantic.scss +156 -0
- package/dist/base/02-tokens/eds-maps.scss +37 -0
- package/dist/base/02-tokens/eds-typography-primitive.scss +69 -0
- package/dist/base/02-tokens/eds-typography-semantic.scss +116 -0
- package/dist/base/02-tokens/typography-primitive.scss +0 -35
- package/dist/base/02-tokens/typography-semantic.scss +0 -118
- package/dist/base/03-vars/eds-vars-colors-dark-theme.scss +7 -0
- package/dist/base/03-vars/eds-vars-colors.scss +7 -0
- package/dist/base/03-vars/eds-vars-typography.scss +55 -0
- package/dist/base/03-vars/eds-vars.scss +72 -0
- package/dist/base/03-vars/vars-typography.scss +15 -46
- package/dist/base/05-assets/icons/index.scss +26 -0
- package/dist/base/99-utilities/eds-utilities.scss +2 -0
- package/dist/base/99-utilities/tokens/_typography.scss +0 -9
- package/dist/base/99-utilities/tokens/eds/_colors.scss +23 -0
- package/dist/base/99-utilities/tokens/eds/_typography.scss +24 -0
- package/dist/eui-base.css +1 -1
- package/dist/eui-base.css.map +1 -1
- package/dist/eui-eds.css +1 -0
- package/dist/eui-eds.css.map +1 -0
- package/dist/eui-showcase-all.css +1 -1
- package/dist/eui-showcase-all.css.map +1 -1
- package/dist/eui-theme-dark.css +1 -1
- package/dist/eui-theme-dark.css.map +1 -1
- package/dist/eui-theme-high-contrast.css +1 -1
- package/dist/eui-theme-high-contrast.css.map +1 -1
- package/dist/eui-utilities.css +1 -1
- package/dist/eui-utilities.css.map +1 -1
- package/dist/eui.css +1 -1
- package/dist/eui.css.map +1 -1
- package/package.json +1 -1
package/dist/eui-theme-dark.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
html.eui-t-dark{--eui-c-black:#fff;--eui-c-white:#000;--eui-c-secondary-min:#f4f4f5;--eui-c-secondary-max:#0d0d12;--eui-c-surface-page:#131318;--eui-c-surface-shell:#18181c;--eui-c-surface-container:#18181c;--eui-c-surface-container-1:#18181c;--eui-c-surface-container-2:#1e1e25;--eui-c-surface-container-3:#1e1e25;--eui-c-text:#f4f4f5;--eui-c-text-light:#d1d1d4;--eui-c-text-lighter:#b4b4b9;--eui-c-text-lightest:#8e8e94;--eui-c-focus-visible:#d9e3ff;--eui-c-focus:#0046ff;--eui-c-hover:#002a99;--eui-c-hover-disabled:#1e1e25;--eui-c-active:#d9e3ff;--eui-c-active-bg:#0046ff;--eui-c-active-bg-alt:#0035bf;--eui-c-active-bg-light:#0035bf;--eui-c-active-bg-lighter:#002a99;--eui-c-disabled:#6a6a71;--eui-c-disabled-bg:#131318;--eui-c-readonly:#8e8e94;--eui-c-link:#d9e3ff;--eui-c-divider:#24242c;--eui-c-divider-dark:#1e1e25;--eui-c-divider-light:#2c2c36;--eui-c-branding-base:#353559;--eui-c-branding:#353559;--eui-c-branding-lighter:#00002e;--eui-c-branding-light:#171740;--eui-c-branding-dark:#505070;--eui-c-branding-surface:#353559;--eui-c-branding-on-surface:#fff;--eui-c-branding-surface-light:#171740;--eui-c-branding-on-surface-light:#fff;--eui-c-branding-surface-dark:#505070;--eui-c-branding-on-surface-dark:#fff;--eui-c-primary-base:#d9e3ff;--eui-c-primary:#e6edff;--eui-c-primary-lighter:#b0c6ff;--eui-c-primary-light:#d9e3ff;--eui-c-primary-dark:#f2f6ff;--eui-c-primary-darker:#f7f9ff;--eui-c-primary-surface-light:#002a99;--eui-c-primary-on-surface-light:#f2f6ff;--eui-c-primary-surface-light-hover:#0035bf;--eui-c-primary-on-surface-light-hover:#f7f9ff;--eui-c-primary-surface-medium:#0046ff;--eui-c-primary-on-surface-medium:#fff;--eui-c-primary-surface-medium-hover:#5987ff;--eui-c-primary-on-surface-medium-hover:#fff;--eui-c-primary-surface:#d9e3ff;--eui-c-primary-on-surface:#000;--eui-c-primary-surface-hover:#e6edff;--eui-c-primary-on-surface-hover:#000;--eui-c-primary-surface-dark:#f2f6ff;--eui-c-primary-on-surface-dark:#000;--eui-c-primary-border:#b0c6ff;--eui-c-primary-border-dark:#e6edff;--eui-c-primary-border-light:#5987ff;--eui-c-primary-border-lighter:#0046ff;--eui-c-secondary-base:#6a6a71;--eui-c-secondary:#d1d1d4;--eui-c-secondary-lighter:#8e8e94;--eui-c-secondary-light:#b4b4b9;--eui-c-secondary-dark:#e8e8ea;--eui-c-secondary-darker:#f4f4f5;--eui-c-secondary-surface-light:#131318;--eui-c-secondary-on-surface-light:#e8e8ea;--eui-c-secondary-surface-light-hover:#18181c;--eui-c-secondary-on-surface-light-hover:#f4f4f5;--eui-c-secondary-surface-medium:#18181c;--eui-c-secondary-on-surface-medium:#e8e8ea;--eui-c-secondary-surface-medium-hover:#1e1e25;--eui-c-secondary-on-surface-medium-hover:#f4f4f5;--eui-c-secondary-surface:#8e8e94;--eui-c-secondary-on-surface:#000;--eui-c-secondary-surface-hover:#b4b4b9;--eui-c-secondary-on-surface-hover:#000;--eui-c-secondary-surface-dark:#e8e8ea;--eui-c-secondary-on-surface-dark:#000;--eui-c-secondary-border:#6a6a71;--eui-c-secondary-border-dark:#b4b4b9;--eui-c-secondary-border-light:#2c2c36;--eui-c-secondary-border-lighter:#24242c;--eui-c-neutral-base:#6a6a71;--eui-c-neutral:#d1d1d4;--eui-c-neutral-lighter:#8e8e94;--eui-c-neutral-light:#b4b4b9;--eui-c-neutral-dark:#e8e8ea;--eui-c-neutral-darker:#f4f4f5;--eui-c-neutral-surface-light:#131318;--eui-c-neutral-on-surface-light:#e8e8ea;--eui-c-neutral-surface-light-hover:#18181c;--eui-c-neutral-on-surface-light-hover:#f4f4f5;--eui-c-neutral-surface-medium:#18181c;--eui-c-neutral-on-surface-medium:#e8e8ea;--eui-c-neutral-surface-medium-hover:#1e1e25;--eui-c-neutral-on-surface-medium-hover:#f4f4f5;--eui-c-neutral-surface:#6a6a71;--eui-c-neutral-on-surface:#fff;--eui-c-neutral-surface-hover:#2c2c36;--eui-c-neutral-on-surface-hover:#fff;--eui-c-neutral-surface-dark:#e8e8ea;--eui-c-neutral-on-surface-dark:#000;--eui-c-neutral-border:#6a6a71;--eui-c-neutral-border-dark:#b4b4b9;--eui-c-neutral-border-light:#6a6a71;--eui-c-neutral-border-lighter:#2c2c36;--eui-c-neutral-dark-base:#6a6a71;--eui-c-neutral-dark:#d1d1d4;--eui-c-neutral-dark-lighter:#8e8e94;--eui-c-neutral-dark-light:#b4b4b9;--eui-c-neutral-dark-dark:#e8e8ea;--eui-c-neutral-dark-darker:#f4f4f5;--eui-c-neutral-dark-surface-light:#0d0d12;--eui-c-neutral-dark-on-surface-light:#e8e8ea;--eui-c-neutral-dark-surface-light-hover:#18181c;--eui-c-neutral-dark-on-surface-light-hover:#f4f4f5;--eui-c-neutral-dark-surface-medium:#18181c;--eui-c-neutral-dark-on-surface-medium:#e8e8ea;--eui-c-neutral-dark-surface-medium-hover:#1e1e25;--eui-c-neutral-dark-on-surface-medium-hover:#f4f4f5;--eui-c-neutral-dark-surface:#6a6a71;--eui-c-neutral-dark-on-surface:#fff;--eui-c-neutral-dark-surface-hover:#2c2c36;--eui-c-neutral-dark-on-surface-hover:#fff;--eui-c-neutral-dark-surface-dark:#e8e8ea;--eui-c-neutral-dark-on-surface-dark:#000;--eui-c-neutral-dark-border:#2c2c36;--eui-c-neutral-dark-border-dark:#6a6a71;--eui-c-neutral-dark-border-light:#24242c;--eui-c-neutral-dark-border-lighter:#1e1e25;--eui-c-cta-base:#ffbe5c;--eui-c-cta:#fff5e5;--eui-c-cta-lighter:#ffbe5c;--eui-c-cta-light:#ffcb7d;--eui-c-cta-dark:#ffebcc;--eui-c-cta-darker:#fff5e5;--eui-c-cta-surface-light:#763105;--eui-c-cta-on-surface-light:#ffebcc;--eui-c-cta-surface-light-hover:#9e4107;--eui-c-cta-on-surface-light-hover:#fffcf7;--eui-c-cta-surface-medium:#c55109;--eui-c-cta-on-surface-medium:#fff5e5;--eui-c-cta-surface-medium-hover:#ed6c09;--eui-c-cta-on-surface-medium-hover:#fffcf7;--eui-c-cta-surface:#ffbe5c;--eui-c-cta-on-surface:#000;--eui-c-cta-surface-hover:#ffcb7d;--eui-c-cta-on-surface-hover:#000;--eui-c-cta-surface-dark:#ffd392;--eui-c-cta-on-surface-dark:#000;--eui-c-cta-border:#fea439;--eui-c-cta-border-dark:#ffcb7d;--eui-c-cta-border-light:#ed6c09;--eui-c-cta-border-lighter:#c55109;--eui-c-highlight-base:#ffbe5c;--eui-c-highlight:#fff5e5;--eui-c-highlight-lighter:#ffbe5c;--eui-c-highlight-light:#ffcb7d;--eui-c-highlight-dark:#ffebcc;--eui-c-highlight-darker:#fff5e5;--eui-c-highlight-surface-light:#763105;--eui-c-highlight-on-surface-light:#ffebcc;--eui-c-highlight-surface-light-hover:#9e4107;--eui-c-highlight-on-surface-light-hover:#fffcf7;--eui-c-highlight-surface-medium:#c55109;--eui-c-highlight-on-surface-medium:#fff5e5;--eui-c-highlight-surface-medium-hover:#ed6c09;--eui-c-highlight-on-surface-medium-hover:#fffcf7;--eui-c-highlight-surface:#ffbe5c;--eui-c-highlight-on-surface:#000;--eui-c-highlight-surface-hover:#ffcb7d;--eui-c-highlight-on-surface-hover:#000;--eui-c-highlight-surface-dark:#ffd392;--eui-c-highlight-on-surface-dark:#000;--eui-c-highlight-border:#fea439;--eui-c-highlight-border-dark:#ffcb7d;--eui-c-highlight-border-light:#ed6c09;--eui-c-highlight-border-lighter:#c55109;--eui-c-info-base:#a3b6da;--eui-c-info:#bfcce6;--eui-c-info-lighter:#859dce;--eui-c-info-light:#a3b6da;--eui-c-info-dark:#ebeff7;--eui-c-info-darker:#f5f7fb;--eui-c-info-surface-light:#039;--eui-c-info-on-surface-light:#bfcce6;--eui-c-info-surface-light-hover:#1c49a4;--eui-c-info-on-surface-light-hover:#ebeff7;--eui-c-info-surface-medium:#3b62b0;--eui-c-info-on-surface-medium:#f9fbfd;--eui-c-info-surface-medium-hover:#6685c2;--eui-c-info-on-surface-medium-hover:#000;--eui-c-info-surface:#bfcce6;--eui-c-info-on-surface:#000;--eui-c-info-surface-hover:#ebeff7;--eui-c-info-on-surface-hover:#000;--eui-c-info-surface-dark:#ebeff7;--eui-c-info-on-surface-dark:#000;--eui-c-info-border:#859dce;--eui-c-info-border-dark:#bfcce6;--eui-c-info-border-light:#6685c2;--eui-c-info-border-lighter:#3b62b0;--eui-c-success-base:#daf6eb;--eui-c-success:#edfbf6;--eui-c-success-lighter:#daf6eb;--eui-c-success-light:#e3f9f0;--eui-c-success-dark:#edfbf6;--eui-c-success-darker:#f9fefc;--eui-c-success-surface-light:#049e62;--eui-c-success-on-surface-light:#f9fefc;--eui-c-success-surface-light-hover:#05b26f;--eui-c-success-on-surface-light-hover:#f9fefc;--eui-c-success-surface-medium:#05c67b;--eui-c-success-on-surface-medium:#000;--eui-c-success-surface-medium-hover:#5ddaa9;--eui-c-success-on-surface-medium-hover:#000;--eui-c-success-surface:#edfbf6;--eui-c-success-on-surface:#000;--eui-c-success-surface-hover:#f9fefc;--eui-c-success-on-surface-hover:#000;--eui-c-success-surface-dark:#f9fefc;--eui-c-success-on-surface-dark:#000;--eui-c-success-border:#b2edd6;--eui-c-success-border-dark:#e3f9f0;--eui-c-success-border-light:#5ddaa9;--eui-c-success-border-lighter:#05c67b;--eui-c-warning-base:#ffb16a;--eui-c-warning:#fff3e8;--eui-c-warning-lighter:#ffdbba;--eui-c-warning-light:#ffeddc;--eui-c-warning-dark:#fffaf5;--eui-c-warning-darker:#fffaf5;--eui-c-warning-surface-light:#68390d;--eui-c-warning-on-surface-light:#fff3e8;--eui-c-warning-surface-light-hover:#8b4c11;--eui-c-warning-on-surface-light-hover:#fffaf5;--eui-c-warning-surface-medium:#ba6517;--eui-c-warning-on-surface-medium:#fff3e8;--eui-c-warning-surface-medium-hover:#e87e1d;--eui-c-warning-on-surface-medium-hover:#000;--eui-c-warning-surface:#ffb16a;--eui-c-warning-on-surface:#000;--eui-c-warning-surface-hover:#ffc998;--eui-c-warning-on-surface-hover:#000;--eui-c-warning-surface-dark:#fff3e8;--eui-c-warning-on-surface-dark:#000;--eui-c-warning-border:#ffa14d;--eui-c-warning-border-dark:#ffc998;--eui-c-warning-border-light:#e87e1d;--eui-c-warning-border-lighter:#ba6517;--eui-c-danger-base:#ea6c72;--eui-c-danger:#f09a9e;--eui-c-danger-lighter:#e54f57;--eui-c-danger-light:#ea6c72;--eui-c-danger-dark:#f5bbbe;--eui-c-danger-darker:#fce9ea;--eui-c-danger-surface-light:#7b1319;--eui-c-danger-on-surface-light:#f5bbbe;--eui-c-danger-surface-light-hover:#9e1920;--eui-c-danger-on-surface-light-hover:#fdefef;--eui-c-danger-surface-medium:#cb2029;--eui-c-danger-on-surface-medium:#fdefef;--eui-c-danger-surface-medium-hover:#df232d;--eui-c-danger-on-surface-medium-hover:#fefafa;--eui-c-danger-surface:#f09a9e;--eui-c-danger-on-surface:#000;--eui-c-danger-surface-hover:#f5bbbe;--eui-c-danger-on-surface-hover:#000;--eui-c-danger-surface-dark:#fce9ea;--eui-c-danger-on-surface-dark:#000;--eui-c-danger-border:#ea6c72;--eui-c-danger-border-dark:#f5bbbe;--eui-c-danger-border-light:#df232d;--eui-c-danger-border-lighter:#cb2029;--eui-c-critical-base:#ea6c72;--eui-c-critical:#f09a9e;--eui-c-critical-lighter:#e54f57;--eui-c-critical-light:#ea6c72;--eui-c-critical-dark:#f5bbbe;--eui-c-critical-darker:#fce9ea;--eui-c-critical-surface-light:#7b1319;--eui-c-critical-on-surface-light:#f5bbbe;--eui-c-critical-surface-light-hover:#9e1920;--eui-c-critical-on-surface-light-hover:#fdefef;--eui-c-critical-surface-medium:#cb2029;--eui-c-critical-on-surface-medium:#fdefef;--eui-c-critical-surface-medium-hover:#df232d;--eui-c-critical-on-surface-medium-hover:#fefafa;--eui-c-critical-surface:#f09a9e;--eui-c-critical-on-surface:#000;--eui-c-critical-surface-hover:#f5bbbe;--eui-c-critical-on-surface-hover:#000;--eui-c-critical-surface-dark:#fce9ea;--eui-c-critical-on-surface-dark:#000;--eui-c-critical-border:#ea6c72;--eui-c-critical-border-dark:#f5bbbe;--eui-c-critical-border-light:#df232d;--eui-c-critical-border-lighter:#cb2029;--eui-test:#000}
|
|
1
|
+
html.eui-t-dark{--eui-c-black:#fff;--eui-c-white:#000;--eui-c-secondary-min:#f4f4f5;--eui-c-secondary-max:#0d0d12;--eui-c-surface-page:#131318;--eui-c-surface-shell:#18181c;--eui-c-surface-container:#18181c;--eui-c-surface-container-1:#18181c;--eui-c-surface-container-2:#1e1e25;--eui-c-surface-container-3:#1e1e25;--eui-c-text:#f4f4f5;--eui-c-text-light:#d1d1d4;--eui-c-text-lighter:#b4b4b9;--eui-c-text-lightest:#8e8e94;--eui-c-focus-visible:#d9e3ff;--eui-c-focus:#0046ff;--eui-c-hover:#002a99;--eui-c-hover-disabled:#1e1e25;--eui-c-active:#d9e3ff;--eui-c-active-bg:#0046ff;--eui-c-active-bg-alt:#0035bf;--eui-c-active-bg-light:#0035bf;--eui-c-active-bg-lighter:#002a99;--eui-c-disabled:#6a6a71;--eui-c-disabled-bg:#131318;--eui-c-readonly:#8e8e94;--eui-c-link:#d9e3ff;--eui-c-divider:#24242c;--eui-c-divider-dark:#1e1e25;--eui-c-divider-light:#2c2c36;--eui-c-branding-base:#353559;--eui-c-branding:#353559;--eui-c-branding-lighter:#00002e;--eui-c-branding-light:#171740;--eui-c-branding-dark:#505070;--eui-c-branding-surface:#353559;--eui-c-branding-on-surface:#fff;--eui-c-branding-surface-light:#171740;--eui-c-branding-on-surface-light:#fff;--eui-c-branding-surface-dark:#505070;--eui-c-branding-on-surface-dark:#fff;--eui-c-primary-base:#d9e3ff;--eui-c-primary:#e6edff;--eui-c-primary-lighter:#b0c6ff;--eui-c-primary-light:#d9e3ff;--eui-c-primary-dark:#f2f6ff;--eui-c-primary-darker:#f7f9ff;--eui-c-primary-surface-light:#002a99;--eui-c-primary-on-surface-light:#f2f6ff;--eui-c-primary-surface-light-hover:#0035bf;--eui-c-primary-on-surface-light-hover:#f7f9ff;--eui-c-primary-surface-medium:#0046ff;--eui-c-primary-on-surface-medium:#fff;--eui-c-primary-surface-medium-hover:#5987ff;--eui-c-primary-on-surface-medium-hover:#fff;--eui-c-primary-surface:#d9e3ff;--eui-c-primary-on-surface:#000;--eui-c-primary-surface-hover:#e6edff;--eui-c-primary-on-surface-hover:#000;--eui-c-primary-surface-active:#eef2ff;--eui-c-primary-on-surface-active:#000;--eui-c-primary-surface-dark:#f2f6ff;--eui-c-primary-on-surface-dark:#000;--eui-c-primary-border:#b0c6ff;--eui-c-primary-border-dark:#e6edff;--eui-c-primary-border-light:#5987ff;--eui-c-primary-border-lighter:#0046ff;--eui-c-secondary-base:#6a6a71;--eui-c-secondary:#d1d1d4;--eui-c-secondary-lighter:#8e8e94;--eui-c-secondary-light:#b4b4b9;--eui-c-secondary-dark:#e8e8ea;--eui-c-secondary-darker:#f4f4f5;--eui-c-secondary-surface-light:#131318;--eui-c-secondary-on-surface-light:#e8e8ea;--eui-c-secondary-surface-light-hover:#18181c;--eui-c-secondary-on-surface-light-hover:#f4f4f5;--eui-c-secondary-surface-medium:#18181c;--eui-c-secondary-on-surface-medium:#e8e8ea;--eui-c-secondary-surface-medium-hover:#1e1e25;--eui-c-secondary-on-surface-medium-hover:#f4f4f5;--eui-c-secondary-surface:#8e8e94;--eui-c-secondary-on-surface:#000;--eui-c-secondary-surface-hover:#b4b4b9;--eui-c-secondary-on-surface-hover:#000;--eui-c-secondary-surface-active:#d1d1d4;--eui-c-secondary-on-surface-active:#000;--eui-c-secondary-surface-dark:#e8e8ea;--eui-c-secondary-on-surface-dark:#000;--eui-c-secondary-border:#6a6a71;--eui-c-secondary-border-dark:#b4b4b9;--eui-c-secondary-border-light:#2c2c36;--eui-c-secondary-border-lighter:#24242c;--eui-c-neutral-base:#6a6a71;--eui-c-neutral:#d1d1d4;--eui-c-neutral-lighter:#8e8e94;--eui-c-neutral-light:#b4b4b9;--eui-c-neutral-dark:#e8e8ea;--eui-c-neutral-darker:#f4f4f5;--eui-c-neutral-surface-light:#131318;--eui-c-neutral-on-surface-light:#e8e8ea;--eui-c-neutral-surface-light-hover:#18181c;--eui-c-neutral-on-surface-light-hover:#f4f4f5;--eui-c-neutral-surface-medium:#18181c;--eui-c-neutral-on-surface-medium:#e8e8ea;--eui-c-neutral-surface-medium-hover:#1e1e25;--eui-c-neutral-on-surface-medium-hover:#f4f4f5;--eui-c-neutral-surface:#6a6a71;--eui-c-neutral-on-surface:#fff;--eui-c-neutral-surface-hover:#2c2c36;--eui-c-neutral-on-surface-hover:#fff;--eui-c-neutral-surface-active:#6a6a71;--eui-c-neutral-on-surface-active:#fff;--eui-c-neutral-surface-dark:#e8e8ea;--eui-c-neutral-on-surface-dark:#000;--eui-c-neutral-border:#6a6a71;--eui-c-neutral-border-dark:#b4b4b9;--eui-c-neutral-border-light:#6a6a71;--eui-c-neutral-border-lighter:#2c2c36;--eui-c-neutral-dark-base:#6a6a71;--eui-c-neutral-dark:#d1d1d4;--eui-c-neutral-dark-lighter:#8e8e94;--eui-c-neutral-dark-light:#b4b4b9;--eui-c-neutral-dark-dark:#e8e8ea;--eui-c-neutral-dark-darker:#f4f4f5;--eui-c-neutral-dark-surface-light:#0d0d12;--eui-c-neutral-dark-on-surface-light:#e8e8ea;--eui-c-neutral-dark-surface-light-hover:#18181c;--eui-c-neutral-dark-on-surface-light-hover:#f4f4f5;--eui-c-neutral-dark-surface-medium:#18181c;--eui-c-neutral-dark-on-surface-medium:#e8e8ea;--eui-c-neutral-dark-surface-medium-hover:#1e1e25;--eui-c-neutral-dark-on-surface-medium-hover:#f4f4f5;--eui-c-neutral-dark-surface:#6a6a71;--eui-c-neutral-dark-on-surface:#fff;--eui-c-neutral-dark-surface-hover:#2c2c36;--eui-c-neutral-dark-on-surface-hover:#fff;--eui-c-neutral-dark-surface-active:#6a6a71;--eui-c-neutral-dark-on-surface-active:#fff;--eui-c-neutral-dark-surface-dark:#e8e8ea;--eui-c-neutral-dark-on-surface-dark:#000;--eui-c-neutral-dark-border:#2c2c36;--eui-c-neutral-dark-border-dark:#6a6a71;--eui-c-neutral-dark-border-light:#24242c;--eui-c-neutral-dark-border-lighter:#1e1e25;--eui-c-cta-base:#ffbe5c;--eui-c-cta:#fff5e5;--eui-c-cta-lighter:#ffbe5c;--eui-c-cta-light:#ffcb7d;--eui-c-cta-dark:#ffebcc;--eui-c-cta-darker:#fff5e5;--eui-c-cta-surface-light:#763105;--eui-c-cta-on-surface-light:#ffebcc;--eui-c-cta-surface-light-hover:#9e4107;--eui-c-cta-on-surface-light-hover:#fffcf7;--eui-c-cta-surface-medium:#c55109;--eui-c-cta-on-surface-medium:#fff5e5;--eui-c-cta-surface-medium-hover:#ed6c09;--eui-c-cta-on-surface-medium-hover:#fffcf7;--eui-c-cta-surface:#ffbe5c;--eui-c-cta-on-surface:#000;--eui-c-cta-surface-hover:#ffcb7d;--eui-c-cta-on-surface-hover:#000;--eui-c-cta-surface-active:#ffd392;--eui-c-cta-on-surface-active:#000;--eui-c-cta-surface-dark:#ffd392;--eui-c-cta-on-surface-dark:#000;--eui-c-cta-border:#fea439;--eui-c-cta-border-dark:#ffcb7d;--eui-c-cta-border-light:#ed6c09;--eui-c-cta-border-lighter:#c55109;--eui-c-highlight-base:#ffbe5c;--eui-c-highlight:#fff5e5;--eui-c-highlight-lighter:#ffbe5c;--eui-c-highlight-light:#ffcb7d;--eui-c-highlight-dark:#ffebcc;--eui-c-highlight-darker:#fff5e5;--eui-c-highlight-surface-light:#763105;--eui-c-highlight-on-surface-light:#ffebcc;--eui-c-highlight-surface-light-hover:#9e4107;--eui-c-highlight-on-surface-light-hover:#fffcf7;--eui-c-highlight-surface-medium:#c55109;--eui-c-highlight-on-surface-medium:#fff5e5;--eui-c-highlight-surface-medium-hover:#ed6c09;--eui-c-highlight-on-surface-medium-hover:#fffcf7;--eui-c-highlight-surface:#ffbe5c;--eui-c-highlight-on-surface:#000;--eui-c-highlight-surface-hover:#ffcb7d;--eui-c-highlight-on-surface-hover:#000;--eui-c-highlight-surface-active:#ffd392;--eui-c-highlight-on-surface-active:#000;--eui-c-highlight-surface-dark:#ffd392;--eui-c-highlight-on-surface-dark:#000;--eui-c-highlight-border:#fea439;--eui-c-highlight-border-dark:#ffcb7d;--eui-c-highlight-border-light:#ed6c09;--eui-c-highlight-border-lighter:#c55109;--eui-c-info-base:#a3b6da;--eui-c-info:#bfcce6;--eui-c-info-lighter:#859dce;--eui-c-info-light:#a3b6da;--eui-c-info-dark:#ebeff7;--eui-c-info-darker:#f5f7fb;--eui-c-info-surface-light:#039;--eui-c-info-on-surface-light:#bfcce6;--eui-c-info-surface-light-hover:#1c49a4;--eui-c-info-on-surface-light-hover:#ebeff7;--eui-c-info-surface-medium:#3b62b0;--eui-c-info-on-surface-medium:#f9fbfd;--eui-c-info-surface-medium-hover:#6685c2;--eui-c-info-on-surface-medium-hover:#000;--eui-c-info-surface:#bfcce6;--eui-c-info-on-surface:#000;--eui-c-info-surface-hover:#ebeff7;--eui-c-info-on-surface-hover:#000;--eui-c-info-surface-active:#f5f7fb;--eui-c-info-on-surface-active:#000;--eui-c-info-surface-dark:#f5f7fb;--eui-c-info-on-surface-dark:#000;--eui-c-info-border:#859dce;--eui-c-info-border-dark:#bfcce6;--eui-c-info-border-light:#6685c2;--eui-c-info-border-lighter:#3b62b0;--eui-c-success-base:#daf6eb;--eui-c-success:#edfbf6;--eui-c-success-lighter:#daf6eb;--eui-c-success-light:#e3f9f0;--eui-c-success-dark:#edfbf6;--eui-c-success-darker:#f9fefc;--eui-c-success-surface-light:#049e62;--eui-c-success-on-surface-light:#f9fefc;--eui-c-success-surface-light-hover:#05b26f;--eui-c-success-on-surface-light-hover:#f9fefc;--eui-c-success-surface-medium:#05c67b;--eui-c-success-on-surface-medium:#000;--eui-c-success-surface-medium-hover:#5ddaa9;--eui-c-success-on-surface-medium-hover:#000;--eui-c-success-surface:#edfbf6;--eui-c-success-on-surface:#000;--eui-c-success-surface-hover:#f9fefc;--eui-c-success-on-surface-hover:#000;--eui-c-success-surface-active:#f9fefc;--eui-c-success-on-surface-active:#000;--eui-c-success-surface-dark:#f9fefc;--eui-c-success-on-surface-dark:#000;--eui-c-success-border:#b2edd6;--eui-c-success-border-dark:#e3f9f0;--eui-c-success-border-light:#5ddaa9;--eui-c-success-border-lighter:#05c67b;--eui-c-warning-base:#ffb16a;--eui-c-warning:#fff3e8;--eui-c-warning-lighter:#ffdbba;--eui-c-warning-light:#ffeddc;--eui-c-warning-dark:#fffaf5;--eui-c-warning-darker:#fffaf5;--eui-c-warning-surface-light:#68390d;--eui-c-warning-on-surface-light:#fff3e8;--eui-c-warning-surface-light-hover:#8b4c11;--eui-c-warning-on-surface-light-hover:#fffaf5;--eui-c-warning-surface-medium:#ba6517;--eui-c-warning-on-surface-medium:#fff3e8;--eui-c-warning-surface-medium-hover:#e87e1d;--eui-c-warning-on-surface-medium-hover:#000;--eui-c-warning-surface:#ffb16a;--eui-c-warning-on-surface:#000;--eui-c-warning-surface-hover:#ffc998;--eui-c-warning-on-surface-hover:#000;--eui-c-warning-surface-active:#ffdbba;--eui-c-warning-on-surface-active:#000;--eui-c-warning-surface-dark:#fff3e8;--eui-c-warning-on-surface-dark:#000;--eui-c-warning-border:#ffa14d;--eui-c-warning-border-dark:#ffc998;--eui-c-warning-border-light:#e87e1d;--eui-c-warning-border-lighter:#ba6517;--eui-c-danger-base:#ea6c72;--eui-c-danger:#f09a9e;--eui-c-danger-lighter:#e54f57;--eui-c-danger-light:#ea6c72;--eui-c-danger-dark:#f5bbbe;--eui-c-danger-darker:#fce9ea;--eui-c-danger-surface-light:#7b1319;--eui-c-danger-on-surface-light:#f5bbbe;--eui-c-danger-surface-light-hover:#9e1920;--eui-c-danger-on-surface-light-hover:#fdefef;--eui-c-danger-surface-medium:#cb2029;--eui-c-danger-on-surface-medium:#fdefef;--eui-c-danger-surface-medium-hover:#df232d;--eui-c-danger-on-surface-medium-hover:#fefafa;--eui-c-danger-surface:#f09a9e;--eui-c-danger-on-surface:#000;--eui-c-danger-surface-hover:#f5bbbe;--eui-c-danger-on-surface-hover:#000;--eui-c-danger-surface-active:#fce9ea;--eui-c-danger-on-surface-active:#000;--eui-c-danger-surface-dark:#fce9ea;--eui-c-danger-on-surface-dark:#000;--eui-c-danger-border:#ea6c72;--eui-c-danger-border-dark:#f5bbbe;--eui-c-danger-border-light:#df232d;--eui-c-danger-border-lighter:#cb2029;--eui-c-critical-base:#ea6c72;--eui-c-critical:#f09a9e;--eui-c-critical-lighter:#e54f57;--eui-c-critical-light:#ea6c72;--eui-c-critical-dark:#f5bbbe;--eui-c-critical-darker:#fce9ea;--eui-c-critical-surface-light:#7b1319;--eui-c-critical-on-surface-light:#f5bbbe;--eui-c-critical-surface-light-hover:#9e1920;--eui-c-critical-on-surface-light-hover:#fdefef;--eui-c-critical-surface-medium:#cb2029;--eui-c-critical-on-surface-medium:#fdefef;--eui-c-critical-surface-medium-hover:#df232d;--eui-c-critical-on-surface-medium-hover:#fefafa;--eui-c-critical-surface:#f09a9e;--eui-c-critical-on-surface:#000;--eui-c-critical-surface-hover:#f5bbbe;--eui-c-critical-on-surface-hover:#000;--eui-c-critical-surface-active:#fce9ea;--eui-c-critical-on-surface-active:#000;--eui-c-critical-surface-dark:#fce9ea;--eui-c-critical-on-surface-dark:#000;--eui-c-critical-border:#ea6c72;--eui-c-critical-border-dark:#f5bbbe;--eui-c-critical-border-light:#df232d;--eui-c-critical-border-lighter:#cb2029;--eui-test:#000}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../base/03-vars/vars-colors-dark-theme.scss"],"names":[],"mappings":"AAMA;EAGI;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EACA;EACA;EAYY;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAKZ","file":"eui-theme-dark.css","sourcesContent":["@use 'sass:map';\n@use '../01-base' as base;\n@use '../02-tokens/maps' as maps;\n@use '../02-tokens/colors-semantic' as semantic;\n@use '../02-tokens/colors-semantic-dark-theme' as semantic-dark;\n\nhtml.eui-t-dark {\n // GENERIC CONTEXT COLORS\n // ----------------------\n --eui-c-black: #fff;\n --eui-c-white: #000;\n\n --eui-c-secondary-min: #{map.get(map.get(semantic-dark.$color-map, secondary), 950)};\n --eui-c-secondary-max: #{map.get(map.get(semantic-dark.$color-map, secondary), 25)};\n\n --eui-c-surface-page: #{map.get(map.get(semantic-dark.$color-map, neutral-dark), 50)};\n --eui-c-surface-shell: #{map.get(map.get(semantic-dark.$color-map, neutral-dark), 75)};\n --eui-c-surface-container: #{map.get(map.get(semantic-dark.$color-map, neutral-dark), 75)};\n --eui-c-surface-container-1: #{map.get(map.get(semantic-dark.$color-map, neutral-dark), 75)};\n --eui-c-surface-container-2: #{map.get(map.get(semantic-dark.$color-map, neutral-dark), 100)};\n --eui-c-surface-container-3: #{map.get(map.get(semantic-dark.$color-map, neutral-dark), 100)};\n\n --eui-c-text: #{map.get(map.get(semantic-dark.$color-map, secondary), 950)};\n --eui-c-text-light: #{map.get(map.get(semantic-dark.$color-map, secondary), 800)};\n --eui-c-text-lighter: #{map.get(map.get(semantic-dark.$color-map, secondary), 700)};\n --eui-c-text-lightest: #{map.get(map.get(semantic-dark.$color-map, secondary), 600)};\n\n --eui-c-focus-visible: #{map.get(map.get(semantic-dark.$color-map, primary), 600)};\n --eui-c-focus: #{map.get(map.get(semantic-dark.$color-map, primary), 200)};\n \n --eui-c-hover: #{map.get(map.get(semantic-dark.$color-map, primary), 75)};\n --eui-c-hover-disabled: #{map.get(map.get(semantic-dark.$color-map, secondary), 100)};\n\n --eui-c-active: #{map.get(map.get(semantic-dark.$color-map, primary), 600)};\n --eui-c-active-bg: #{map.get(map.get(semantic-dark.$color-map, primary), 200)};\n --eui-c-active-bg-alt: #{map.get(map.get(semantic-dark.$color-map, primary), 100)};\n --eui-c-active-bg-light: #{map.get(map.get(semantic-dark.$color-map, primary), 100)};\n --eui-c-active-bg-lighter: #{map.get(map.get(semantic-dark.$color-map, primary), 75)};\n\n --eui-c-disabled: #{map.get(map.get(semantic-dark.$color-map, secondary), 500)};\n --eui-c-disabled-bg: #{map.get(map.get(semantic-dark.$color-map, secondary), 50)};\n --eui-c-readonly: #{map.get(map.get(semantic-dark.$color-map, secondary), 600)};\n\n --eui-c-link: #{map.get(map.get(semantic-dark.$color-map, primary), 600)};\n\n --eui-c-divider: #{map.get(map.get(semantic-dark.$color-map, neutral-dark), 200)};\n --eui-c-divider-dark: #{map.get(map.get(semantic-dark.$color-map, neutral-dark), 100)};\n --eui-c-divider-light: #{map.get(map.get(semantic-dark.$color-map, neutral-dark), 300)};\n\n\n\n // CONTEXT COLORS FROM PALETTES\n // ----------------------------\n\n @each $color, $shades in semantic.$color-semantic-map {\n @each $shade, $value in $shades {\n @if $shade == default {\n --eui-c-#{$color}: #{map.get(map.get(semantic-dark.$color-map-all, $color), $value)};\n } @else {\n --eui-c-#{$color + '-' + $shade}: #{map.get(map.get(semantic-dark.$color-map-all, $color), $value)};\n }\n }\n }\n\n --eui-test: #000;\n}"]}
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../base/03-vars/vars-colors-dark-theme.scss"],"names":[],"mappings":"AAMA;EAGI;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EACA;EACA;EAYY;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAKZ","file":"eui-theme-dark.css","sourcesContent":["@use 'sass:map';\n@use '../01-base' as base;\n@use '../02-tokens/maps' as maps;\n@use '../02-tokens/colors-semantic' as semantic;\n@use '../02-tokens/colors-semantic-dark-theme' as semantic-dark;\n\nhtml.eui-t-dark {\n // GENERIC CONTEXT COLORS\n // ----------------------\n --eui-c-black: #fff;\n --eui-c-white: #000;\n\n --eui-c-secondary-min: #{map.get(map.get(semantic-dark.$color-map, secondary), 950)};\n --eui-c-secondary-max: #{map.get(map.get(semantic-dark.$color-map, secondary), 25)};\n\n --eui-c-surface-page: #{map.get(map.get(semantic-dark.$color-map, neutral-dark), 50)};\n --eui-c-surface-shell: #{map.get(map.get(semantic-dark.$color-map, neutral-dark), 75)};\n --eui-c-surface-container: #{map.get(map.get(semantic-dark.$color-map, neutral-dark), 75)};\n --eui-c-surface-container-1: #{map.get(map.get(semantic-dark.$color-map, neutral-dark), 75)};\n --eui-c-surface-container-2: #{map.get(map.get(semantic-dark.$color-map, neutral-dark), 100)};\n --eui-c-surface-container-3: #{map.get(map.get(semantic-dark.$color-map, neutral-dark), 100)};\n\n --eui-c-text: #{map.get(map.get(semantic-dark.$color-map, secondary), 950)};\n --eui-c-text-light: #{map.get(map.get(semantic-dark.$color-map, secondary), 800)};\n --eui-c-text-lighter: #{map.get(map.get(semantic-dark.$color-map, secondary), 700)};\n --eui-c-text-lightest: #{map.get(map.get(semantic-dark.$color-map, secondary), 600)};\n\n --eui-c-focus-visible: #{map.get(map.get(semantic-dark.$color-map, primary), 600)};\n --eui-c-focus: #{map.get(map.get(semantic-dark.$color-map, primary), 200)};\n \n --eui-c-hover: #{map.get(map.get(semantic-dark.$color-map, primary), 75)};\n --eui-c-hover-disabled: #{map.get(map.get(semantic-dark.$color-map, secondary), 100)};\n\n --eui-c-active: #{map.get(map.get(semantic-dark.$color-map, primary), 600)};\n --eui-c-active-bg: #{map.get(map.get(semantic-dark.$color-map, primary), 200)};\n --eui-c-active-bg-alt: #{map.get(map.get(semantic-dark.$color-map, primary), 100)};\n --eui-c-active-bg-light: #{map.get(map.get(semantic-dark.$color-map, primary), 100)};\n --eui-c-active-bg-lighter: #{map.get(map.get(semantic-dark.$color-map, primary), 75)};\n\n --eui-c-disabled: #{map.get(map.get(semantic-dark.$color-map, secondary), 500)};\n --eui-c-disabled-bg: #{map.get(map.get(semantic-dark.$color-map, secondary), 50)};\n --eui-c-readonly: #{map.get(map.get(semantic-dark.$color-map, secondary), 600)};\n\n --eui-c-link: #{map.get(map.get(semantic-dark.$color-map, primary), 600)};\n\n --eui-c-divider: #{map.get(map.get(semantic-dark.$color-map, neutral-dark), 200)};\n --eui-c-divider-dark: #{map.get(map.get(semantic-dark.$color-map, neutral-dark), 100)};\n --eui-c-divider-light: #{map.get(map.get(semantic-dark.$color-map, neutral-dark), 300)};\n\n\n\n // CONTEXT COLORS FROM PALETTES\n // ----------------------------\n\n @each $color, $shades in semantic.$color-semantic-map {\n @each $shade, $value in $shades {\n @if $shade == default {\n --eui-c-#{$color}: #{map.get(map.get(semantic-dark.$color-map-all, $color), $value)};\n } @else {\n --eui-c-#{$color + '-' + $shade}: #{map.get(map.get(semantic-dark.$color-map-all, $color), $value)};\n }\n }\n }\n\n --eui-test: #000;\n}"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
html.eui-t-high-contrast{--eui-c-transparent:transparent;--eui-c-white:#fff;--eui-c-black:#000;--eui-c-secondary-min:var(--eui-c-white);--eui-c-secondary-max:var(--eui-c-black);--eui-c-surface-page:var(--eui-c-white);--eui-c-surface-container:var(--eui-c-white);--eui-c-surface-shell:#fbfbfb;--eui-c-surface-container-1:#f7f7f7;--eui-c-surface-container-2:#efefef;--eui-c-surface-container-3:#e4e4e4;--eui-c-text:var(--eui-c-black);--eui-c-text-light:#00002e;--eui-c-text-lighter:#353559;--eui-c-text-lightest:#505070;--eui-c-focus-visible:#0035bf;--eui-c-focus:#b0c6ff;--eui-c-hover:#f2f6ff;--eui-c-hover-disabled:#ededf0;--eui-c-active:#0035bf;--eui-c-active-bg:#b0c6ff;--eui-c-active-bg-alt:#8cacff;--eui-c-active-bg-light:#d9e3ff;--eui-c-active-bg-lighter:#e6edff;--eui-c-disabled:#696984;--eui-c-disabled-bg:#ededf0;--eui-c-readonly:#505070;--eui-c-link:#0035bf;--eui-c-divider:#b9b9c5;--eui-c-divider-dark:#a0a0b1;--eui-c-divider-light:#d4d4dc;--eui-c-branding-base:#121233;--eui-c-branding:#121233;--eui-c-branding-lighter:#40405a;--eui-c-branding-light:#2a2a47;--eui-c-branding-dark:#000025;--eui-c-branding-surface:#121233;--eui-c-branding-on-surface:#fff;--eui-c-branding-surface-light:#2a2a47;--eui-c-branding-on-surface-light:#fff;--eui-c-branding-surface-dark:#000025;--eui-c-branding-on-surface-dark:#fff;--eui-c-primary-base:#0038cc;--eui-c-primary:#002a99;--eui-c-primary-lighter:#476ccc;--eui-c-primary-light:#0038cc;--eui-c-primary-dark:#00195c;--eui-c-primary-darker:#001447;--eui-c-primary-surface-light:#f1f5ff;--eui-c-primary-on-surface-light:#00195c;--eui-c-primary-surface-light-hover:#ebf1ff;--eui-c-primary-on-surface-light-hover:#001447;--eui-c-primary-surface-medium:#e1e9ff;--eui-c-primary-on-surface-medium:#000;--eui-c-primary-surface-medium-hover:#c0d1ff;--eui-c-primary-on-surface-medium-hover:#000;--eui-c-primary-surface:#0038cc;--eui-c-primary-on-surface:#fff;--eui-c-primary-surface-hover:#002a99;--eui-c-primary-on-surface-hover:#fff;--eui-c-primary-surface-dark:#00195c;--eui-c-primary-on-surface-dark:#fff;--eui-c-primary-border:#476ccc;--eui-c-primary-border-dark:#002a99;--eui-c-primary-border-light:#c0d1ff;--eui-c-primary-border-lighter:#e1e9ff;--eui-c-secondary-base:#6a6a7c;--eui-c-secondary:#2a2a47;--eui-c-secondary-lighter:#54546a;--eui-c-secondary-light:#40405a;--eui-c-secondary-dark:#121233;--eui-c-secondary-darker:#000025;--eui-c-secondary-surface-light:#f8f8f9;--eui-c-secondary-on-surface-light:#121233;--eui-c-secondary-surface-light-hover:#f1f1f3;--eui-c-secondary-on-surface-light-hover:#000025;--eui-c-secondary-surface-medium:#f1f1f3;--eui-c-secondary-on-surface-medium:#121233;--eui-c-secondary-surface-medium-hover:#e7e7ec;--eui-c-secondary-on-surface-medium-hover:#000025;--eui-c-secondary-surface:#54546a;--eui-c-secondary-on-surface:#fff;--eui-c-secondary-surface-hover:#40405a;--eui-c-secondary-on-surface-hover:#fff;--eui-c-secondary-surface-dark:#121233;--eui-c-secondary-on-surface-dark:#fff;--eui-c-secondary-border:#6a6a7c;--eui-c-secondary-border-dark:#40405a;--eui-c-secondary-border-light:#c7c7d1;--eui-c-secondary-border-lighter:#dddde3;--eui-c-neutral-base:#737373;--eui-c-neutral:#393939;--eui-c-neutral-lighter:#5f5f5f;--eui-c-neutral-light:#4d4d4d;--eui-c-neutral-dark:#272727;--eui-c-neutral-darker:#121212;--eui-c-neutral-surface-light:#f9f9f9;--eui-c-neutral-on-surface-light:#272727;--eui-c-neutral-surface-light-hover:#f2f2f2;--eui-c-neutral-on-surface-light-hover:#121212;--eui-c-neutral-surface-medium:#f2f2f2;--eui-c-neutral-on-surface-medium:#272727;--eui-c-neutral-surface-medium-hover:#e9e9e9;--eui-c-neutral-on-surface-medium-hover:#121212;--eui-c-neutral-surface:#bababa;--eui-c-neutral-on-surface:#000;--eui-c-neutral-surface-hover:#ccc;--eui-c-neutral-on-surface-hover:#000;--eui-c-neutral-surface-dark:#272727;--eui-c-neutral-on-surface-dark:#fff;--eui-c-neutral-border:#737373;--eui-c-neutral-border-dark:#4d4d4d;--eui-c-neutral-border-light:#bababa;--eui-c-neutral-border-lighter:#ccc;--eui-c-neutral-dark-base:#23232b;--eui-c-neutral-dark:#131316;--eui-c-neutral-dark-lighter:#1d1d23;--eui-c-neutral-dark-light:#18181e;--eui-c-neutral-dark-dark:#0f0f13;--eui-c-neutral-dark-darker:#0a0a0e;--eui-c-neutral-dark-surface-light:#f6f6f7;--eui-c-neutral-dark-on-surface-light:#0f0f13;--eui-c-neutral-dark-surface-light-hover:#dadadd;--eui-c-neutral-dark-on-surface-light-hover:#0a0a0e;--eui-c-neutral-dark-surface-medium:#dadadd;--eui-c-neutral-dark-on-surface-medium:#0f0f13;--eui-c-neutral-dark-surface-medium-hover:#c3c3c7;--eui-c-neutral-dark-on-surface-medium-hover:#0a0a0e;--eui-c-neutral-dark-surface:#88888d;--eui-c-neutral-dark-on-surface:#000;--eui-c-neutral-dark-surface-hover:#88888d;--eui-c-neutral-dark-on-surface-hover:#000;--eui-c-neutral-dark-surface-dark:#0f0f13;--eui-c-neutral-dark-on-surface-dark:#fff;--eui-c-neutral-dark-border:#88888d;--eui-c-neutral-dark-border-dark:#23232b;--eui-c-neutral-dark-border-light:#a5a5a9;--eui-c-neutral-dark-border-lighter:#c3c3c7;--eui-c-cta-base:#ffcb7d;--eui-c-cta:#7e3406;--eui-c-cta-lighter:#ffcb7d;--eui-c-cta-light:#cb832e;--eui-c-cta-dark:#9e4107;--eui-c-cta-darker:#7e3406;--eui-c-cta-surface-light:#fffdf9;--eui-c-cta-on-surface-light:#9e4107;--eui-c-cta-surface-light-hover:#fff7ea;--eui-c-cta-on-surface-light-hover:#5e2704;--eui-c-cta-surface-medium:#ffefd6;--eui-c-cta-on-surface-medium:#7e3406;--eui-c-cta-surface-medium-hover:#ffe7c3;--eui-c-cta-on-surface-medium-hover:#5e2704;--eui-c-cta-surface:#ffcb7d;--eui-c-cta-on-surface:#000;--eui-c-cta-surface-hover:#cb832e;--eui-c-cta-on-surface-hover:#000;--eui-c-cta-surface-dark:#ca6c0f;--eui-c-cta-on-surface-dark:#000;--eui-c-cta-border:#ffd597;--eui-c-cta-border-dark:#cb832e;--eui-c-cta-border-light:#ffe7c3;--eui-c-cta-border-lighter:#ffefd6;--eui-c-highlight-base:#ffcb7d;--eui-c-highlight:#7e3406;--eui-c-highlight-lighter:#ffcb7d;--eui-c-highlight-light:#cb832e;--eui-c-highlight-dark:#9e4107;--eui-c-highlight-darker:#7e3406;--eui-c-highlight-surface-light:#fffdf9;--eui-c-highlight-on-surface-light:#9e4107;--eui-c-highlight-surface-light-hover:#fff7ea;--eui-c-highlight-on-surface-light-hover:#5e2704;--eui-c-highlight-surface-medium:#ffefd6;--eui-c-highlight-on-surface-medium:#7e3406;--eui-c-highlight-surface-medium-hover:#ffe7c3;--eui-c-highlight-on-surface-medium-hover:#5e2704;--eui-c-highlight-surface:#ffcb7d;--eui-c-highlight-on-surface:#000;--eui-c-highlight-surface-hover:#cb832e;--eui-c-highlight-on-surface-hover:#000;--eui-c-highlight-surface-dark:#ca6c0f;--eui-c-highlight-on-surface-dark:#000;--eui-c-highlight-border:#ffd597;--eui-c-highlight-border-dark:#cb832e;--eui-c-highlight-border-light:#ffe7c3;--eui-c-highlight-border-lighter:#ffefd6;--eui-c-info-base:#526a9b;--eui-c-info:#2f4e8d;--eui-c-info-lighter:#9db1d8;--eui-c-info-light:#526a9b;--eui-c-info-dark:#00297a;--eui-c-info-darker:#002162;--eui-c-info-surface-light:#eff2f9;--eui-c-info-on-surface-light:#2f4e8d;--eui-c-info-surface-light-hover:#e5e9f5;--eui-c-info-on-surface-light-hover:#00297a;--eui-c-info-surface-medium:#ccd6eb;--eui-c-info-on-surface-medium:#00194a;--eui-c-info-surface-medium-hover:#b5c5e1;--eui-c-info-on-surface-medium-hover:#000;--eui-c-info-surface:#2f4e8d;--eui-c-info-on-surface:#fff;--eui-c-info-surface-hover:#00297a;--eui-c-info-on-surface-hover:#fff;--eui-c-info-surface-dark:#00297a;--eui-c-info-on-surface-dark:#fff;--eui-c-info-border:#9db1d8;--eui-c-info-border-dark:#2f4e8d;--eui-c-info-border-light:#b5c5e1;--eui-c-info-border-lighter:#ccd6eb;--eui-c-success-base:#037e4e;--eui-c-success:#024c2f;--eui-c-success-lighter:#037e4e;--eui-c-success-light:#02653e;--eui-c-success-dark:#024c2f;--eui-c-success-darker:#023923;--eui-c-success-surface-light:#e1f8ef;--eui-c-success-on-surface-light:#023923;--eui-c-success-surface-light-hover:#c1f1de;--eui-c-success-on-surface-light-hover:#023923;--eui-c-success-surface-medium:#a5ead0;--eui-c-success-on-surface-medium:#000;--eui-c-success-surface-medium-hover:#7de1ba;--eui-c-success-on-surface-medium-hover:#000;--eui-c-success-surface:#024c2f;--eui-c-success-on-surface:#fff;--eui-c-success-surface-hover:#023923;--eui-c-success-on-surface-hover:#fff;--eui-c-success-surface-dark:#023923;--eui-c-success-on-surface-dark:#fff;--eui-c-success-border:#048e59;--eui-c-success-border-dark:#02653e;--eui-c-success-border-light:#7de1ba;--eui-c-success-border-lighter:#a5ead0;--eui-c-warning-base:#cc6e1a;--eui-c-warning:#532e0a;--eui-c-warning-lighter:#955112;--eui-c-warning-light:#6f3d0e;--eui-c-warning-dark:#412308;--eui-c-warning-darker:#412308;--eui-c-warning-surface-light:#fff5ed;--eui-c-warning-on-surface-light:#532e0a;--eui-c-warning-surface-light-hover:#fff1e3;--eui-c-warning-on-surface-light-hover:#412308;--eui-c-warning-surface-medium:#ffe2c8;--eui-c-warning-on-surface-medium:#532e0a;--eui-c-warning-surface-medium-hover:#ffd4ad;--eui-c-warning-on-surface-medium-hover:#000;--eui-c-warning-surface:#cc6e1a;--eui-c-warning-on-surface:#000;--eui-c-warning-surface-hover:#ba6517;--eui-c-warning-on-surface-hover:#000;--eui-c-warning-surface-dark:#532e0a;--eui-c-warning-on-surface-dark:#fff;--eui-c-warning-border:#ffb471;--eui-c-warning-border-dark:#ba6517;--eui-c-warning-border-light:#ffd4ad;--eui-c-warning-border-lighter:#ffe2c8;--eui-c-danger-base:#b21c24;--eui-c-danger:#a21a21;--eui-c-danger-lighter:#ea7279;--eui-c-danger-light:#b21c24;--eui-c-danger-dark:#7e141a;--eui-c-danger-darker:#620f14;--eui-c-danger-surface-light:#fdedee;--eui-c-danger-on-surface-light:#7e141a;--eui-c-danger-surface-light-hover:#f7c9cb;--eui-c-danger-on-surface-light-hover:#480b0e;--eui-c-danger-surface-medium:#f3aeb1;--eui-c-danger-on-surface-medium:#480b0e;--eui-c-danger-surface-medium-hover:#ee898e;--eui-c-danger-on-surface-medium-hover:#190405;--eui-c-danger-surface:#a21a21;--eui-c-danger-on-surface:#fff;--eui-c-danger-surface-hover:#7e141a;--eui-c-danger-on-surface-hover:#fff;--eui-c-danger-surface-dark:#620f14;--eui-c-danger-on-surface-dark:#fff;--eui-c-danger-border:#b21c24;--eui-c-danger-border-dark:#7e141a;--eui-c-danger-border-light:#ee898e;--eui-c-danger-border-lighter:#f3aeb1;--eui-c-critical-base:#b21c24;--eui-c-critical:#a21a21;--eui-c-critical-lighter:#ea7279;--eui-c-critical-light:#b21c24;--eui-c-critical-dark:#7e141a;--eui-c-critical-darker:#620f14;--eui-c-critical-surface-light:#fdedee;--eui-c-critical-on-surface-light:#7e141a;--eui-c-critical-surface-light-hover:#f7c9cb;--eui-c-critical-on-surface-light-hover:#480b0e;--eui-c-critical-surface-medium:#f3aeb1;--eui-c-critical-on-surface-medium:#480b0e;--eui-c-critical-surface-medium-hover:#ee898e;--eui-c-critical-on-surface-medium-hover:#190405;--eui-c-critical-surface:#a21a21;--eui-c-critical-on-surface:#fff;--eui-c-critical-surface-hover:#7e141a;--eui-c-critical-on-surface-hover:#fff;--eui-c-critical-surface-dark:#620f14;--eui-c-critical-on-surface-dark:#fff;--eui-c-critical-border:#b21c24;--eui-c-critical-border-dark:#7e141a;--eui-c-critical-border-light:#ee898e;--eui-c-critical-border-lighter:#f3aeb1}
|
|
1
|
+
html.eui-t-high-contrast{--eui-c-transparent:transparent;--eui-c-white:#fff;--eui-c-black:#000;--eui-c-secondary-min:var(--eui-c-white);--eui-c-secondary-max:var(--eui-c-black);--eui-c-surface-page:var(--eui-c-white);--eui-c-surface-container:var(--eui-c-white);--eui-c-surface-shell:#fbfbfb;--eui-c-surface-container-1:#f7f7f7;--eui-c-surface-container-2:#efefef;--eui-c-surface-container-3:#e4e4e4;--eui-c-text:var(--eui-c-black);--eui-c-text-light:#00002e;--eui-c-text-lighter:#353559;--eui-c-text-lightest:#505070;--eui-c-focus-visible:#0035bf;--eui-c-focus:#b0c6ff;--eui-c-hover:#f2f6ff;--eui-c-hover-disabled:#ededf0;--eui-c-active:#0035bf;--eui-c-active-bg:#b0c6ff;--eui-c-active-bg-alt:#8cacff;--eui-c-active-bg-light:#d9e3ff;--eui-c-active-bg-lighter:#e6edff;--eui-c-disabled:#696984;--eui-c-disabled-bg:#ededf0;--eui-c-readonly:#505070;--eui-c-link:#0035bf;--eui-c-divider:#b9b9c5;--eui-c-divider-dark:#a0a0b1;--eui-c-divider-light:#d4d4dc;--eui-c-branding-base:#121233;--eui-c-branding:#121233;--eui-c-branding-lighter:#40405a;--eui-c-branding-light:#2a2a47;--eui-c-branding-dark:#000025;--eui-c-branding-surface:#121233;--eui-c-branding-on-surface:#fff;--eui-c-branding-surface-light:#2a2a47;--eui-c-branding-on-surface-light:#fff;--eui-c-branding-surface-dark:#000025;--eui-c-branding-on-surface-dark:#fff;--eui-c-primary-base:#0038cc;--eui-c-primary:#002a99;--eui-c-primary-lighter:#476ccc;--eui-c-primary-light:#0038cc;--eui-c-primary-dark:#00195c;--eui-c-primary-darker:#001447;--eui-c-primary-surface-light:#f1f5ff;--eui-c-primary-on-surface-light:#00195c;--eui-c-primary-surface-light-hover:#ebf1ff;--eui-c-primary-on-surface-light-hover:#001447;--eui-c-primary-surface-medium:#e1e9ff;--eui-c-primary-on-surface-medium:#000;--eui-c-primary-surface-medium-hover:#c0d1ff;--eui-c-primary-on-surface-medium-hover:#000;--eui-c-primary-surface:#0038cc;--eui-c-primary-on-surface:#fff;--eui-c-primary-surface-hover:#002a99;--eui-c-primary-on-surface-hover:#fff;--eui-c-primary-surface-active:#00227a;--eui-c-primary-on-surface-active:#fff;--eui-c-primary-surface-dark:#00195c;--eui-c-primary-on-surface-dark:#fff;--eui-c-primary-border:#476ccc;--eui-c-primary-border-dark:#002a99;--eui-c-primary-border-light:#c0d1ff;--eui-c-primary-border-lighter:#e1e9ff;--eui-c-secondary-base:#6a6a7c;--eui-c-secondary:#2a2a47;--eui-c-secondary-lighter:#54546a;--eui-c-secondary-light:#40405a;--eui-c-secondary-dark:#121233;--eui-c-secondary-darker:#000025;--eui-c-secondary-surface-light:#f8f8f9;--eui-c-secondary-on-surface-light:#121233;--eui-c-secondary-surface-light-hover:#f1f1f3;--eui-c-secondary-on-surface-light-hover:#000025;--eui-c-secondary-surface-medium:#f1f1f3;--eui-c-secondary-on-surface-medium:#121233;--eui-c-secondary-surface-medium-hover:#e7e7ec;--eui-c-secondary-on-surface-medium-hover:#000025;--eui-c-secondary-surface:#54546a;--eui-c-secondary-on-surface:#fff;--eui-c-secondary-surface-hover:#40405a;--eui-c-secondary-on-surface-hover:#fff;--eui-c-secondary-surface-active:#2a2a47;--eui-c-secondary-on-surface-active:#fff;--eui-c-secondary-surface-dark:#121233;--eui-c-secondary-on-surface-dark:#fff;--eui-c-secondary-border:#6a6a7c;--eui-c-secondary-border-dark:#40405a;--eui-c-secondary-border-light:#c7c7d1;--eui-c-secondary-border-lighter:#dddde3;--eui-c-neutral-base:#737373;--eui-c-neutral:#393939;--eui-c-neutral-lighter:#5f5f5f;--eui-c-neutral-light:#4d4d4d;--eui-c-neutral-dark:#272727;--eui-c-neutral-darker:#121212;--eui-c-neutral-surface-light:#f9f9f9;--eui-c-neutral-on-surface-light:#272727;--eui-c-neutral-surface-light-hover:#f2f2f2;--eui-c-neutral-on-surface-light-hover:#121212;--eui-c-neutral-surface-medium:#f2f2f2;--eui-c-neutral-on-surface-medium:#272727;--eui-c-neutral-surface-medium-hover:#e9e9e9;--eui-c-neutral-on-surface-medium-hover:#121212;--eui-c-neutral-surface:#bababa;--eui-c-neutral-on-surface:#000;--eui-c-neutral-surface-hover:#ccc;--eui-c-neutral-on-surface-hover:#000;--eui-c-neutral-surface-active:#737373;--eui-c-neutral-on-surface-active:#fff;--eui-c-neutral-surface-dark:#272727;--eui-c-neutral-on-surface-dark:#fff;--eui-c-neutral-border:#737373;--eui-c-neutral-border-dark:#4d4d4d;--eui-c-neutral-border-light:#bababa;--eui-c-neutral-border-lighter:#ccc;--eui-c-neutral-dark-base:#23232b;--eui-c-neutral-dark:#131316;--eui-c-neutral-dark-lighter:#1d1d23;--eui-c-neutral-dark-light:#18181e;--eui-c-neutral-dark-dark:#0f0f13;--eui-c-neutral-dark-darker:#0a0a0e;--eui-c-neutral-dark-surface-light:#f6f6f7;--eui-c-neutral-dark-on-surface-light:#0f0f13;--eui-c-neutral-dark-surface-light-hover:#dadadd;--eui-c-neutral-dark-on-surface-light-hover:#0a0a0e;--eui-c-neutral-dark-surface-medium:#dadadd;--eui-c-neutral-dark-on-surface-medium:#0f0f13;--eui-c-neutral-dark-surface-medium-hover:#c3c3c7;--eui-c-neutral-dark-on-surface-medium-hover:#0a0a0e;--eui-c-neutral-dark-surface:#88888d;--eui-c-neutral-dark-on-surface:#000;--eui-c-neutral-dark-surface-hover:#88888d;--eui-c-neutral-dark-on-surface-hover:#000;--eui-c-neutral-dark-surface-active:#23232b;--eui-c-neutral-dark-on-surface-active:#fff;--eui-c-neutral-dark-surface-dark:#0f0f13;--eui-c-neutral-dark-on-surface-dark:#fff;--eui-c-neutral-dark-border:#88888d;--eui-c-neutral-dark-border-dark:#23232b;--eui-c-neutral-dark-border-light:#a5a5a9;--eui-c-neutral-dark-border-lighter:#c3c3c7;--eui-c-cta-base:#ffcb7d;--eui-c-cta:#7e3406;--eui-c-cta-lighter:#ffcb7d;--eui-c-cta-light:#cb832e;--eui-c-cta-dark:#9e4107;--eui-c-cta-darker:#7e3406;--eui-c-cta-surface-light:#fffdf9;--eui-c-cta-on-surface-light:#9e4107;--eui-c-cta-surface-light-hover:#fff7ea;--eui-c-cta-on-surface-light-hover:#5e2704;--eui-c-cta-surface-medium:#ffefd6;--eui-c-cta-on-surface-medium:#7e3406;--eui-c-cta-surface-medium-hover:#ffe7c3;--eui-c-cta-on-surface-medium-hover:#5e2704;--eui-c-cta-surface:#ffcb7d;--eui-c-cta-on-surface:#000;--eui-c-cta-surface-hover:#cb832e;--eui-c-cta-on-surface-hover:#000;--eui-c-cta-surface-active:#ca6c0f;--eui-c-cta-on-surface-active:#000;--eui-c-cta-surface-dark:#ca6c0f;--eui-c-cta-on-surface-dark:#000;--eui-c-cta-border:#ffd597;--eui-c-cta-border-dark:#cb832e;--eui-c-cta-border-light:#ffe7c3;--eui-c-cta-border-lighter:#ffefd6;--eui-c-highlight-base:#ffcb7d;--eui-c-highlight:#7e3406;--eui-c-highlight-lighter:#ffcb7d;--eui-c-highlight-light:#cb832e;--eui-c-highlight-dark:#9e4107;--eui-c-highlight-darker:#7e3406;--eui-c-highlight-surface-light:#fffdf9;--eui-c-highlight-on-surface-light:#9e4107;--eui-c-highlight-surface-light-hover:#fff7ea;--eui-c-highlight-on-surface-light-hover:#5e2704;--eui-c-highlight-surface-medium:#ffefd6;--eui-c-highlight-on-surface-medium:#7e3406;--eui-c-highlight-surface-medium-hover:#ffe7c3;--eui-c-highlight-on-surface-medium-hover:#5e2704;--eui-c-highlight-surface:#ffcb7d;--eui-c-highlight-on-surface:#000;--eui-c-highlight-surface-hover:#cb832e;--eui-c-highlight-on-surface-hover:#000;--eui-c-highlight-surface-active:#ca6c0f;--eui-c-highlight-on-surface-active:#000;--eui-c-highlight-surface-dark:#ca6c0f;--eui-c-highlight-on-surface-dark:#000;--eui-c-highlight-border:#ffd597;--eui-c-highlight-border-dark:#cb832e;--eui-c-highlight-border-light:#ffe7c3;--eui-c-highlight-border-lighter:#ffefd6;--eui-c-info-base:#526a9b;--eui-c-info:#2f4e8d;--eui-c-info-lighter:#9db1d8;--eui-c-info-light:#526a9b;--eui-c-info-dark:#00297a;--eui-c-info-darker:#002162;--eui-c-info-surface-light:#eff2f9;--eui-c-info-on-surface-light:#2f4e8d;--eui-c-info-surface-light-hover:#e5e9f5;--eui-c-info-on-surface-light-hover:#00297a;--eui-c-info-surface-medium:#ccd6eb;--eui-c-info-on-surface-medium:#00194a;--eui-c-info-surface-medium-hover:#b5c5e1;--eui-c-info-on-surface-medium-hover:#000;--eui-c-info-surface:#2f4e8d;--eui-c-info-on-surface:#fff;--eui-c-info-surface-hover:#00297a;--eui-c-info-on-surface-hover:#fff;--eui-c-info-surface-active:#002162;--eui-c-info-on-surface-active:#fff;--eui-c-info-surface-dark:#002162;--eui-c-info-on-surface-dark:#fff;--eui-c-info-border:#9db1d8;--eui-c-info-border-dark:#2f4e8d;--eui-c-info-border-light:#b5c5e1;--eui-c-info-border-lighter:#ccd6eb;--eui-c-success-base:#037e4e;--eui-c-success:#024c2f;--eui-c-success-lighter:#037e4e;--eui-c-success-light:#02653e;--eui-c-success-dark:#024c2f;--eui-c-success-darker:#023923;--eui-c-success-surface-light:#e1f8ef;--eui-c-success-on-surface-light:#023923;--eui-c-success-surface-light-hover:#c1f1de;--eui-c-success-on-surface-light-hover:#023923;--eui-c-success-surface-medium:#a5ead0;--eui-c-success-on-surface-medium:#000;--eui-c-success-surface-medium-hover:#7de1ba;--eui-c-success-on-surface-medium-hover:#000;--eui-c-success-surface:#024c2f;--eui-c-success-on-surface:#fff;--eui-c-success-surface-hover:#023923;--eui-c-success-on-surface-hover:#fff;--eui-c-success-surface-active:#023923;--eui-c-success-on-surface-active:#fff;--eui-c-success-surface-dark:#023923;--eui-c-success-on-surface-dark:#fff;--eui-c-success-border:#048e59;--eui-c-success-border-dark:#02653e;--eui-c-success-border-light:#7de1ba;--eui-c-success-border-lighter:#a5ead0;--eui-c-warning-base:#cc6e1a;--eui-c-warning:#532e0a;--eui-c-warning-lighter:#955112;--eui-c-warning-light:#6f3d0e;--eui-c-warning-dark:#412308;--eui-c-warning-darker:#412308;--eui-c-warning-surface-light:#fff5ed;--eui-c-warning-on-surface-light:#532e0a;--eui-c-warning-surface-light-hover:#fff1e3;--eui-c-warning-on-surface-light-hover:#412308;--eui-c-warning-surface-medium:#ffe2c8;--eui-c-warning-on-surface-medium:#532e0a;--eui-c-warning-surface-medium-hover:#ffd4ad;--eui-c-warning-on-surface-medium-hover:#000;--eui-c-warning-surface:#cc6e1a;--eui-c-warning-on-surface:#000;--eui-c-warning-surface-hover:#ba6517;--eui-c-warning-on-surface-hover:#000;--eui-c-warning-surface-active:#955112;--eui-c-warning-on-surface-active:#fff;--eui-c-warning-surface-dark:#532e0a;--eui-c-warning-on-surface-dark:#fff;--eui-c-warning-border:#ffb471;--eui-c-warning-border-dark:#ba6517;--eui-c-warning-border-light:#ffd4ad;--eui-c-warning-border-lighter:#ffe2c8;--eui-c-danger-base:#b21c24;--eui-c-danger:#a21a21;--eui-c-danger-lighter:#ea7279;--eui-c-danger-light:#b21c24;--eui-c-danger-dark:#7e141a;--eui-c-danger-darker:#620f14;--eui-c-danger-surface-light:#fdedee;--eui-c-danger-on-surface-light:#7e141a;--eui-c-danger-surface-light-hover:#f7c9cb;--eui-c-danger-on-surface-light-hover:#480b0e;--eui-c-danger-surface-medium:#f3aeb1;--eui-c-danger-on-surface-medium:#480b0e;--eui-c-danger-surface-medium-hover:#ee898e;--eui-c-danger-on-surface-medium-hover:#190405;--eui-c-danger-surface:#a21a21;--eui-c-danger-on-surface:#fff;--eui-c-danger-surface-hover:#7e141a;--eui-c-danger-on-surface-hover:#fff;--eui-c-danger-surface-active:#620f14;--eui-c-danger-on-surface-active:#fff;--eui-c-danger-surface-dark:#620f14;--eui-c-danger-on-surface-dark:#fff;--eui-c-danger-border:#b21c24;--eui-c-danger-border-dark:#7e141a;--eui-c-danger-border-light:#ee898e;--eui-c-danger-border-lighter:#f3aeb1;--eui-c-critical-base:#b21c24;--eui-c-critical:#a21a21;--eui-c-critical-lighter:#ea7279;--eui-c-critical-light:#b21c24;--eui-c-critical-dark:#7e141a;--eui-c-critical-darker:#620f14;--eui-c-critical-surface-light:#fdedee;--eui-c-critical-on-surface-light:#7e141a;--eui-c-critical-surface-light-hover:#f7c9cb;--eui-c-critical-on-surface-light-hover:#480b0e;--eui-c-critical-surface-medium:#f3aeb1;--eui-c-critical-on-surface-medium:#480b0e;--eui-c-critical-surface-medium-hover:#ee898e;--eui-c-critical-on-surface-medium-hover:#190405;--eui-c-critical-surface:#a21a21;--eui-c-critical-on-surface:#fff;--eui-c-critical-surface-hover:#7e141a;--eui-c-critical-on-surface-hover:#fff;--eui-c-critical-surface-active:#620f14;--eui-c-critical-on-surface-active:#fff;--eui-c-critical-surface-dark:#620f14;--eui-c-critical-on-surface-dark:#fff;--eui-c-critical-border:#b21c24;--eui-c-critical-border-dark:#7e141a;--eui-c-critical-border-light:#ee898e;--eui-c-critical-border-lighter:#f3aeb1}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../base/03-vars/vars-colors-high-contrast-theme.scss"],"names":[],"mappings":"AAMA;EAII;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EACA;EACA;EAWY;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA","file":"eui-theme-high-contrast.css","sourcesContent":["@use 'sass:map';\n@use '../01-base' as base;\n@use '../02-tokens/maps' as maps;\n@use '../02-tokens/colors-semantic' as semantic;\n@use '../02-tokens/colors-semantic-high-contrast' as semantic-high-contrast;\n\nhtml.eui-t-high-contrast {\n // GENERIC CONTEXT COLORS\n // ----------------------\n \n --eui-c-transparent: transparent;\n --eui-c-white: #fff;\n --eui-c-black: #000;\n\n --eui-c-secondary-min: var(--eui-c-white);\n --eui-c-secondary-max: var(--eui-c-black);\n\n --eui-c-surface-page: var(--eui-c-white);\n --eui-c-surface-container: var(--eui-c-white);\n \n --eui-c-surface-shell: #{map.get(map.get(semantic.$color-map, neutral), 25)};\n --eui-c-surface-container-1: #{map.get(map.get(semantic.$color-map, neutral), 50)};\n --eui-c-surface-container-2: #{map.get(map.get(semantic.$color-map, neutral), 75)};\n --eui-c-surface-container-3: #{map.get(map.get(semantic.$color-map, neutral), 100)};\n\n --eui-c-text: var(--eui-c-black);\n --eui-c-text-light: #{map.get(map.get(semantic.$color-map, secondary), 950)};\n --eui-c-text-lighter: #{map.get(map.get(semantic.$color-map, secondary), 800)};\n --eui-c-text-lightest: #{map.get(map.get(semantic.$color-map, secondary), 700)};\n\n --eui-c-focus-visible: #{map.get(map.get(semantic.$color-map, primary), 700)};\n --eui-c-focus: #{map.get(map.get(semantic.$color-map, primary), 300)};\n \n --eui-c-hover: #{map.get(map.get(semantic.$color-map, primary), 50)};\n --eui-c-hover-disabled: #{map.get(map.get(semantic.$color-map, secondary), 75)};\n\n --eui-c-active: #{map.get(map.get(semantic.$color-map, primary), 700)};\n --eui-c-active-bg: #{map.get(map.get(semantic.$color-map, primary), 300)};\n --eui-c-active-bg-alt: #{map.get(map.get(semantic.$color-map, primary), 400)};\n --eui-c-active-bg-light: #{map.get(map.get(semantic.$color-map, primary), 200)};\n --eui-c-active-bg-lighter: #{map.get(map.get(semantic.$color-map, primary), 100)};\n\n --eui-c-disabled: #{map.get(map.get(semantic.$color-map, secondary), 600)};\n --eui-c-disabled-bg: #{map.get(map.get(semantic.$color-map, secondary), 75)};\n --eui-c-readonly: #{map.get(map.get(semantic.$color-map, secondary), 700)};\n\n --eui-c-link: #{map.get(map.get(semantic.$color-map, primary), 700)};\n\n --eui-c-divider: #{map.get(map.get(semantic.$color-map, secondary), 300)};\n --eui-c-divider-dark: #{map.get(map.get(semantic.$color-map, secondary), 400)};\n --eui-c-divider-light: #{map.get(map.get(semantic.$color-map, secondary), 200)};\n\n\n // CONTEXT COLORS FROM PALETTES\n // ----------------------------\n\n @each $color, $shades in semantic.$color-semantic-map {\n @each $shade, $value in $shades {\n @if $shade == default {\n --eui-c-#{$color}: #{map.get(map.get(semantic-high-contrast.$color-map-all, $color), $value)};\n } @else {\n --eui-c-#{$color + '-' + $shade}: #{map.get(map.get(semantic-high-contrast.$color-map-all, $color), $value)};\n }\n }\n }\n}"]}
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../base/03-vars/vars-colors-high-contrast-theme.scss"],"names":[],"mappings":"AAMA;EAII;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EACA;EACA;EAWY;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA","file":"eui-theme-high-contrast.css","sourcesContent":["@use 'sass:map';\n@use '../01-base' as base;\n@use '../02-tokens/maps' as maps;\n@use '../02-tokens/colors-semantic' as semantic;\n@use '../02-tokens/colors-semantic-high-contrast' as semantic-high-contrast;\n\nhtml.eui-t-high-contrast {\n // GENERIC CONTEXT COLORS\n // ----------------------\n \n --eui-c-transparent: transparent;\n --eui-c-white: #fff;\n --eui-c-black: #000;\n\n --eui-c-secondary-min: var(--eui-c-white);\n --eui-c-secondary-max: var(--eui-c-black);\n\n --eui-c-surface-page: var(--eui-c-white);\n --eui-c-surface-container: var(--eui-c-white);\n \n --eui-c-surface-shell: #{map.get(map.get(semantic.$color-map, neutral), 25)};\n --eui-c-surface-container-1: #{map.get(map.get(semantic.$color-map, neutral), 50)};\n --eui-c-surface-container-2: #{map.get(map.get(semantic.$color-map, neutral), 75)};\n --eui-c-surface-container-3: #{map.get(map.get(semantic.$color-map, neutral), 100)};\n\n --eui-c-text: var(--eui-c-black);\n --eui-c-text-light: #{map.get(map.get(semantic.$color-map, secondary), 950)};\n --eui-c-text-lighter: #{map.get(map.get(semantic.$color-map, secondary), 800)};\n --eui-c-text-lightest: #{map.get(map.get(semantic.$color-map, secondary), 700)};\n\n --eui-c-focus-visible: #{map.get(map.get(semantic.$color-map, primary), 700)};\n --eui-c-focus: #{map.get(map.get(semantic.$color-map, primary), 300)};\n \n --eui-c-hover: #{map.get(map.get(semantic.$color-map, primary), 50)};\n --eui-c-hover-disabled: #{map.get(map.get(semantic.$color-map, secondary), 75)};\n\n --eui-c-active: #{map.get(map.get(semantic.$color-map, primary), 700)};\n --eui-c-active-bg: #{map.get(map.get(semantic.$color-map, primary), 300)};\n --eui-c-active-bg-alt: #{map.get(map.get(semantic.$color-map, primary), 400)};\n --eui-c-active-bg-light: #{map.get(map.get(semantic.$color-map, primary), 200)};\n --eui-c-active-bg-lighter: #{map.get(map.get(semantic.$color-map, primary), 100)};\n\n --eui-c-disabled: #{map.get(map.get(semantic.$color-map, secondary), 600)};\n --eui-c-disabled-bg: #{map.get(map.get(semantic.$color-map, secondary), 75)};\n --eui-c-readonly: #{map.get(map.get(semantic.$color-map, secondary), 700)};\n\n --eui-c-link: #{map.get(map.get(semantic.$color-map, primary), 700)};\n\n --eui-c-divider: #{map.get(map.get(semantic.$color-map, secondary), 300)};\n --eui-c-divider-dark: #{map.get(map.get(semantic.$color-map, secondary), 400)};\n --eui-c-divider-light: #{map.get(map.get(semantic.$color-map, secondary), 200)};\n\n\n // CONTEXT COLORS FROM PALETTES\n // ----------------------------\n\n @each $color, $shades in semantic.$color-semantic-map {\n @each $shade, $value in $shades {\n @if $shade == default {\n --eui-c-#{$color}: #{map.get(map.get(semantic-high-contrast.$color-map-all, $color), $value)};\n } @else {\n --eui-c-#{$color + '-' + $shade}: #{map.get(map.get(semantic-high-contrast.$color-map-all, $color), $value)};\n }\n }\n }\n}"]}
|