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

The Spectrum CSS top-level backwards compatible package

 {
  --spectrum-global-color-status: Contribution;
  --spectrum-global-color-version: 5.0.1;
  --spectrum-global-color-celery-400: rgb(61, 167, 78);
  --spectrum-global-color-celery-500: rgb(55, 153, 71);
  --spectrum-global-color-celery-600: rgb(49, 139, 64);
  --spectrum-global-color-celery-700: rgb(43, 125, 56);
  --spectrum-global-color-chartreuse-400: rgb(124, 195, 63);
  --spectrum-global-color-chartreuse-500: rgb(115, 181, 58);
  --spectrum-global-color-chartreuse-600: rgb(106, 168, 52);
  --spectrum-global-color-chartreuse-700: rgb(97, 155, 47);
  --spectrum-global-color-yellow-400: rgb(210, 178, 0);
  --spectrum-global-color-yellow-500: rgb(196, 166, 0);
  --spectrum-global-color-yellow-600: rgb(183, 153, 0);
  --spectrum-global-color-yellow-700: rgb(170, 140, 0);
  --spectrum-global-color-magenta-400: rgb(202, 41, 150);
  --spectrum-global-color-magenta-500: rgb(188, 28, 116);
  --spectrum-global-color-magenta-600: rgb(174, 14, 102);
  --spectrum-global-color-magenta-700: rgb(160, 0, 88);
  --spectrum-global-color-fuchsia-400: rgb(177, 48, 189);
  --spectrum-global-color-fuchsia-500: rgb(162, 40, 173);
  --spectrum-global-color-fuchsia-600: rgb(147, 33, 158);
  --spectrum-global-color-fuchsia-700: rgb(132, 26, 142);
  --spectrum-global-color-purple-400: rgb(134, 76, 204);
  --spectrum-global-color-purple-500: rgb(122, 66, 191);
  --spectrum-global-color-purple-600: rgb(111, 56, 177);
  --spectrum-global-color-purple-700: rgb(99, 46, 164);
  --spectrum-global-color-indigo-400: rgb(92, 92, 224);
  --spectrum-global-color-indigo-500: rgb(81, 81, 211);
  --spectrum-global-color-indigo-600: rgb(70, 70, 198);
  --spectrum-global-color-indigo-700: rgb(59, 59, 186);
  --spectrum-global-color-seafoam-400: rgb(22, 135, 140);
  --spectrum-global-color-seafoam-500: rgb(15, 121, 125);
  --spectrum-global-color-seafoam-600: rgb(9, 108, 111);
  --spectrum-global-color-seafoam-700: rgb(8, 96, 99);
  --spectrum-global-color-red-400: rgb(215, 55, 63);
  --spectrum-global-color-red-500: rgb(201, 37, 45);
  --spectrum-global-color-red-600: rgb(187, 18, 26);
  --spectrum-global-color-red-700: rgb(170, 13, 21);
  --spectrum-global-color-orange-400: rgb(218, 123, 17);
  --spectrum-global-color-orange-500: rgb(203, 111, 16);
  --spectrum-global-color-orange-600: rgb(189, 100, 13);
  --spectrum-global-color-orange-700: rgb(176, 90, 8);
  --spectrum-global-color-green-400: rgb(38, 142, 108);
  --spectrum-global-color-green-500: rgb(18, 128, 92);
  --spectrum-global-color-green-600: rgb(16, 113, 84);
  --spectrum-global-color-green-700: rgb(20, 99, 72);
  --spectrum-global-color-blue-400: rgb(20, 115, 230);
  --spectrum-global-color-blue-500: rgb(13, 102, 208);
  --spectrum-global-color-blue-600: rgb(9, 90, 186);
  --spectrum-global-color-blue-700: rgb(6, 79, 165);
  --spectrum-global-color-gray-50: rgb(240, 240, 240);
  --spectrum-global-color-gray-75: rgb(228, 228, 228);
  --spectrum-global-color-gray-100: rgb(220, 220, 220);
  --spectrum-global-color-gray-200: rgb(210, 210, 210);
  --spectrum-global-color-gray-300: rgb(202, 202, 202);
  --spectrum-global-color-gray-400: rgb(180, 180, 180);
  --spectrum-global-color-gray-500: rgb(160, 160, 160);
  --spectrum-global-color-gray-600: rgb(125, 125, 125);
  --spectrum-global-color-gray-700: rgb(97, 97, 97);
  --spectrum-global-color-gray-800: rgb(60, 60, 60);
  --spectrum-global-color-gray-900: rgb(25, 25, 25);
  --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(25,25,25,0.04);
  --spectrum-alias-highlight-hover: rgba(25,25,25,0.06);
  --spectrum-alias-highlight-active: rgba(25,25,25,0.1);
  --spectrum-alias-highlight-selected: rgba(13,102,208,0.1);
  --spectrum-alias-highlight-selected-hover: rgba(13,102,208,0.2);
  --spectrum-alias-text-highlight-color: rgba(13,102,208,0.2);
  --spectrum-alias-background-color-quickactions: rgba(220,220,220,0.9);
  --spectrum-alias-border-color-selected: var(--spectrum-global-color-blue-500);
  --spectrum-alias-radial-reaction-color-default: rgba(60,60,60,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(25,25,25,0.1);
  --spectrum-colorarea-border-color-hover: rgba(25,25,25,0.1);
  --spectrum-colorarea-border-color-down: rgba(25,25,25,0.1);
  --spectrum-colorarea-border-color-key-focus: rgba(25,25,25,0.1);
  --spectrum-colorslider-border-color: rgba(25,25,25,0.1);
  --spectrum-colorslider-border-color-hover: rgba(25,25,25,0.1);
  --spectrum-colorslider-border-color-down: rgba(25,25,25,0.1);
  --spectrum-colorslider-border-color-key-focus: rgba(25,25,25,0.1);
  --spectrum-colorslider-vertical-border-color: rgba(25,25,25,0.1);
  --spectrum-colorslider-vertical-border-color-hover: rgba(25,25,25,0.1);
  --spectrum-colorslider-vertical-border-color-down: rgba(25,25,25,0.1);
  --spectrum-colorslider-vertical-border-color-key-focus: rgba(25,25,25,0.1);
  --spectrum-colorwheel-border-color: rgba(25,25,25,0.1);
  --spectrum-colorwheel-border-color-hover: rgba(25,25,25,0.1);
  --spectrum-colorwheel-border-color-down: rgba(25,25,25,0.1);
  --spectrum-colorwheel-border-color-key-focus: rgba(25,25,25,0.1);
  --spectrum-miller-column-item-background-color-selected: rgba(13,102,208,0.1);
  --spectrum-miller-column-item-background-color-selected-hover: rgba(13,102,208,0.2);
  --spectrum-well-background-color: rgba(60,60,60,0.02);
  --spectrum-well-border-color: rgba(25,25,25,0.05);
  --spectrum-tray-background-color: var(--spectrum-global-color-gray-50);
}