@salesforce-ux/design-tokens
Version:
Salesforce Design System Tokens & Styling Hooks
92 lines (90 loc) • 3.21 kB
CSS
/**
* Do not edit directly, this file was auto-generated.
*/
:root, .slds-theme_lightning-blue {
--slds-r-color-brand-5: #000310;
--slds-r-color-brand-10: #001639;
--slds-r-color-brand-15: #03234d;
--slds-r-color-brand-20: #032d60;
--slds-r-color-brand-30: #014486;
--slds-r-color-brand-35: #044f98;
--slds-r-color-brand-40: #0b5cab;
--slds-r-color-brand-45: #0469c1;
--slds-r-color-brand-50: #0176d3;
--slds-r-color-brand-55: #0684ef;
--slds-r-color-brand-60: #1b96ff;
--slds-r-color-brand-65: #57a3fd;
--slds-r-color-brand-70: #78b0fd;
--slds-r-color-brand-80: #aacbff;
--slds-r-color-brand-85: #c2d8ff;
--slds-r-color-brand-90: #d8e6fe;
--slds-r-color-brand-95: #eef4ff;
--slds-r-color-info-5: #020202;
--slds-r-color-info-10: #181818;
--slds-r-color-info-15: #242424;
--slds-r-color-info-20: #2e2e2e;
--slds-r-color-info-30: #444;
--slds-r-color-info-35: #515151;
--slds-r-color-info-40: #5c5c5c;
--slds-r-color-info-45: #696969;
--slds-r-color-info-50: #757575;
--slds-r-color-info-55: #848484;
--slds-r-color-info-60: #939393;
--slds-r-color-info-65: #a0a0a0;
--slds-r-color-info-70: #aeaeae;
--slds-r-color-info-80: #c9c9c9;
--slds-r-color-info-85: #d7d7d7;
--slds-r-color-info-90: #e5e5e5;
--slds-r-color-info-95: #f3f3f3;
--slds-r-color-success-5: #010502;
--slds-r-color-success-10: #071b12;
--slds-r-color-success-15: #0c2912;
--slds-r-color-success-20: #143b25;
--slds-r-color-success-30: #194e31;
--slds-r-color-success-35: #1e5c39;
--slds-r-color-success-40: #396547;
--slds-r-color-success-45: #287644;
--slds-r-color-success-50: #2e844a;
--slds-r-color-success-55: #359650;
--slds-r-color-success-60: #3ba755;
--slds-r-color-success-65: #41b658;
--slds-r-color-success-70: #45c65a;
--slds-r-color-success-80: #91db8b;
--slds-r-color-success-85: #aee4a9;
--slds-r-color-success-90: #cdefc4;
--slds-r-color-success-95: #ebf7e6;
--slds-r-color-error-5: #0c0200;
--slds-r-color-error-10: #300c01;
--slds-r-color-error-15: #4a0c04;
--slds-r-color-error-20: #640103;
--slds-r-color-error-30: #8e030f;
--slds-r-color-error-35: #a40413;
--slds-r-color-error-40: #ba0517;
--slds-r-color-error-45: #d2031b;
--slds-r-color-error-50: #ea001e;
--slds-r-color-error-55: #f42e35;
--slds-r-color-error-60: #fe5c4c;
--slds-r-color-error-65: #fe7765;
--slds-r-color-error-70: #fe8f7d;
--slds-r-color-error-80: #feb8ab;
--slds-r-color-error-85: #feccc3;
--slds-r-color-error-90: #feded8;
--slds-r-color-error-95: #fef1ee;
--slds-r-color-warning-5: #060300;
--slds-r-color-warning-10: #201600;
--slds-r-color-warning-15: #2e2204;
--slds-r-color-warning-20: #3e2b02;
--slds-r-color-warning-30: #5f3e02;
--slds-r-color-warning-35: #704801;
--slds-r-color-warning-40: #825101;
--slds-r-color-warning-45: #965b03;
--slds-r-color-warning-50: #a96404;
--slds-r-color-warning-55: #bf6d03;
--slds-r-color-warning-60: #dd7a01;
--slds-r-color-warning-65: #f38303;
--slds-r-color-warning-70: #fe9339;
--slds-r-color-warning-80: #ffba90;
--slds-r-color-warning-85: #ffccad;
--slds-r-color-warning-90: #fedfd0;
--slds-r-color-warning-95: #fff1ea;
}