@react95/core/cjs/themes/coldGray.css.ts.vanilla.css

Windows 95 styleguide

:root {
  --r95-zIndex-modal: 2;
  --r95-zIndex-tooltip: 3;
  --r95-zIndex-taskbar: 3;
  --r95-space-0: 0px;
  --r95-space-1: 1px;
  --r95-space-2: 2px;
  --r95-space-3: 3px;
  --r95-space-4: 4px;
  --r95-space-5: 5px;
  --r95-space-6: 6px;
  --r95-space-7: 7px;
  --r95-space-8: 8px;
  --r95-space-9: 9px;
  --r95-space-10: 10px;
  --r95-space-11: 11px;
  --r95-space-12: 12px;
  --r95-space-13: 13px;
  --r95-space-14: 14px;
  --r95-space-15: 15px;
  --r95-space-16: 16px;
  --r95-space-17: 17px;
  --r95-space-18: 18px;
  --r95-space-19: 19px;
  --r95-space-20: 20px;
  --r95-color-anchor: #8d88c2;
  --r95-color-anchorVisited: #440381;
  --r95-color-borderDark: #5b57a1;
  --r95-color-borderDarkest: #010601;
  --r95-color-borderLight: #a4a7c8;
  --r95-color-borderLighter: #cccee0;
  --r95-color-borderLightest: #e2e4ed;
  --r95-color-canvas: #3B3D64;
  --r95-color-canvasText: #050608;
  --r95-color-headerBackground: #3B3D64;
  --r95-color-headerNotActiveBackground: #6063a5;
  --r95-color-headerNotActiveText: #a1a3ca;
  --r95-color-headerText: #e2e4ed;
  --r95-color-material: #a1a3ca;
  --r95-color-materialText: #010601;
  --r95-color-materialTextDisabled: #5b57a1;
  --r95-color-materialTextDisabledShadow: #c7c7df;
  --r95-color-materialTextInvert: #e2e4ed;
  --r95-color-progress: #8d88c2;
  --r95-color-inputBackground: #ffffff;
  --r95-color-inputBackgroundDisabled: #a4a7c8;
  --r95-shadow-out: inset 0.5px 0.5px 0px 0.5px #e2e4ed,
          inset 0 0 0 1px #5b57a1,
          1px 0px 0 0px #010601,
          0px 1px 0 0px #010601,
          1px 1px 0 0px #010601;
  --r95-shadow-in: inset 0px 0px 0px 0px,
        inset 1px 1px 0px 0px #5b57a1,
        0.5px 0.5px 0px 0.5px #e2e4ed;
  --r95-shadow-input: inset -1px -1px 0 0 #a1a3ca,
            inset 1px 1px 0 0 #010601,
            0.5px 0.5px 0 0.5px #e2e4ed;
}