.spectrum--midnight {
    --hue: 220;
    --sat: 10%;
    --spectrum-global-color-gray-50: hsl(var(--hue), var(--sat), 12%);
    --spectrum-global-color-gray-75: hsl(var(--hue), var(--sat), 15%);
    --spectrum-global-color-gray-100: hsl(var(--hue), var(--sat), 17%);
    --spectrum-global-color-gray-200: hsl(var(--hue), var(--sat), 20%);
    --spectrum-global-color-gray-300: hsl(var(--hue), var(--sat), 24%);
    --spectrum-global-color-gray-400: hsl(var(--hue), var(--sat), 32%);
    --spectrum-global-color-gray-500: hsl(var(--hue), var(--sat), 40%);
    --spectrum-global-color-gray-600: hsl(var(--hue), var(--sat), 60%);
    --spectrum-global-color-gray-700: hsl(var(--hue), var(--sat), 70%);
    --spectrum-global-color-gray-800: hsl(var(--hue), var(--sat), 80%);
    --spectrum-global-color-gray-900: hsl(var(--hue), var(--sat), 95%);

    --modal-background: var(--spectrum-global-color-gray-50);
}

