@adobe/spectrum-css/vars/spectrum-lightest.css

The Spectrum CSS top-level backwards compatible package

.spectrum--lightest {
  --spectrum-global-color-status: Verified;
  --spectrum-global-color-version: 5.0.1;
  --spectrum-global-color-celery-400: rgb(75, 195, 95);
  --spectrum-global-color-celery-500: rgb(68, 181, 86);
  --spectrum-global-color-celery-600: rgb(61, 167, 78);
  --spectrum-global-color-celery-700: rgb(55, 153, 71);
  --spectrum-global-color-chartreuse-400: rgb(142, 222, 73);
  --spectrum-global-color-chartreuse-500: rgb(133, 208, 68);
  --spectrum-global-color-chartreuse-600: rgb(124, 195, 63);
  --spectrum-global-color-chartreuse-700: rgb(115, 181, 58);
  --spectrum-global-color-yellow-400: rgb(237, 204, 0);
  --spectrum-global-color-yellow-500: rgb(223, 191, 0);
  --spectrum-global-color-yellow-600: rgb(210, 178, 0);
  --spectrum-global-color-yellow-700: rgb(196, 166, 0);
  --spectrum-global-color-magenta-400: rgb(226, 73, 157);
  --spectrum-global-color-magenta-500: rgb(216, 55, 144);
  --spectrum-global-color-magenta-600: rgb(202, 41, 130);
  --spectrum-global-color-magenta-700: rgb(188, 28, 116);
  --spectrum-global-color-fuchsia-400: rgb(207, 62, 220);
  --spectrum-global-color-fuchsia-500: rgb(192, 56, 204);
  --spectrum-global-color-fuchsia-600: rgb(177, 48, 189);
  --spectrum-global-color-fuchsia-700: rgb(162, 40, 173);
  --spectrum-global-color-purple-400: rgb(157, 100, 225);
  --spectrum-global-color-purple-500: rgb(146, 86, 217);
  --spectrum-global-color-purple-600: rgb(134, 76, 204);
  --spectrum-global-color-purple-700: rgb(122, 66, 191);
  --spectrum-global-color-indigo-400: rgb(117, 117, 241);
  --spectrum-global-color-indigo-500: rgb(103, 103, 236);
  --spectrum-global-color-indigo-600: rgb(92, 92, 224);
  --spectrum-global-color-indigo-700: rgb(81, 81, 211);
  --spectrum-global-color-seafoam-400: rgb(32, 163, 168);
  --spectrum-global-color-seafoam-500: rgb(27, 149, 154);
  --spectrum-global-color-seafoam-600: rgb(22, 135, 140);
  --spectrum-global-color-seafoam-700: rgb(15, 121, 125);
  --spectrum-global-color-red-400: rgb(236, 91, 98);
  --spectrum-global-color-red-500: rgb(227, 72, 80);
  --spectrum-global-color-red-600: rgb(215, 55, 63);
  --spectrum-global-color-red-700: rgb(201, 37, 45);
  --spectrum-global-color-orange-400: rgb(242, 148, 35);
  --spectrum-global-color-orange-500: rgb(230, 134, 25);
  --spectrum-global-color-orange-600: rgb(218, 123, 17);
  --spectrum-global-color-orange-700: rgb(203, 111, 16);
  --spectrum-global-color-green-400: rgb(51, 171, 132);
  --spectrum-global-color-green-500: rgb(45, 157, 120);
  --spectrum-global-color-green-600: rgb(38, 142, 108);
  --spectrum-global-color-green-700: rgb(18, 128, 92);
  --spectrum-global-color-blue-400: rgb(55, 142, 240);
  --spectrum-global-color-blue-500: rgb(38, 128, 235);
  --spectrum-global-color-blue-600: rgb(20, 115, 230);
  --spectrum-global-color-blue-700: rgb(13, 102, 208);
  --spectrum-global-color-gray-50: rgb(255, 255, 255);
  --spectrum-global-color-gray-75: rgb(255, 255, 255);
  --spectrum-global-color-gray-100: rgb(255, 255, 255);
  --spectrum-global-color-gray-200: rgb(244, 244, 244);
  --spectrum-global-color-gray-300: rgb(234, 234, 234);
  --spectrum-global-color-gray-400: rgb(211, 211, 211);
  --spectrum-global-color-gray-500: rgb(188, 188, 188);
  --spectrum-global-color-gray-600: rgb(149, 149, 149);
  --spectrum-global-color-gray-700: rgb(116, 116, 116);
  --spectrum-global-color-gray-800: rgb(80, 80, 80);
  --spectrum-global-color-gray-900: rgb(50, 50, 50);
  --spectrum-alias-background-color-primary: var(--spectrum-global-color-gray-50);
  --spectrum-alias-background-color-secondary: var(--spectrum-global-color-gray-100);
  --spectrum-alias-background-color-tertiary: var(--spectrum-global-color-gray-300);
  --spectrum-alias-background-color-modal-overlay: rgba(0,0,0,0.4);
  --spectrum-alias-dropshadow-color: rgba(0,0,0,0.15);
  --spectrum-alias-background-color-hover-overlay: rgba(50,50,50,0.04);
  --spectrum-alias-highlight-hover: rgba(50,50,50,0.06);
  --spectrum-alias-highlight-active: rgba(50,50,50,0.1);
  --spectrum-alias-highlight-selected: rgba(38,128,235,0.1);
  --spectrum-alias-highlight-selected-hover: rgba(38,128,235,0.2);
  --spectrum-alias-text-highlight-color: rgba(38,128,235,0.2);
  --spectrum-alias-background-color-quickactions: rgba(255,255,255,0.9);
  --spectrum-alias-border-color-selected: var(--spectrum-global-color-blue-500);
  --spectrum-alias-radial-reaction-color-default: rgba(80,80,80,0.6);
  --spectrum-alias-pasteboard-background-color: var(--spectrum-global-color-gray-300);
  --spectrum-alias-appframe-border-color: var(--spectrum-global-color-gray-300);
  --spectrum-alias-appframe-separator-color: var(--spectrum-global-color-gray-300);
  --spectrum-colorarea-border-color: rgba(50,50,50,0.1);
  --spectrum-colorarea-border-color-hover: rgba(50,50,50,0.1);
  --spectrum-colorarea-border-color-down: rgba(50,50,50,0.1);
  --spectrum-colorarea-border-color-key-focus: rgba(50,50,50,0.1);
  --spectrum-colorslider-border-color: rgba(50,50,50,0.1);
  --spectrum-colorslider-border-color-hover: rgba(50,50,50,0.1);
  --spectrum-colorslider-border-color-down: rgba(50,50,50,0.1);
  --spectrum-colorslider-border-color-key-focus: rgba(50,50,50,0.1);
  --spectrum-colorslider-vertical-border-color: rgba(50,50,50,0.1);
  --spectrum-colorslider-vertical-border-color-hover: rgba(50,50,50,0.1);
  --spectrum-colorslider-vertical-border-color-down: rgba(50,50,50,0.1);
  --spectrum-colorslider-vertical-border-color-key-focus: rgba(50,50,50,0.1);
  --spectrum-colorwheel-border-color: rgba(50,50,50,0.1);
  --spectrum-colorwheel-border-color-hover: rgba(50,50,50,0.1);
  --spectrum-colorwheel-border-color-down: rgba(50,50,50,0.1);
  --spectrum-colorwheel-border-color-key-focus: rgba(50,50,50,0.1);
  --spectrum-miller-column-item-background-color-selected: rgba(38,128,235,0.1);
  --spectrum-miller-column-item-background-color-selected-hover: rgba(38,128,235,0.2);
  --spectrum-well-background-color: rgba(80,80,80,0.02);
  --spectrum-well-border-color: rgba(50,50,50,0.05);
}