Fix calendar header loading overlay

domhhv · Feb 8, 2024 · 06b27fa · 06b27fa
1 parent 35f4586
commit 06b27fa
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/components/calendar/styled.ts b/src/components/calendar/styled.ts
@@ -89,7 +89,12 @@ export const StyledHeaderLoadingOverlay = styled(Typography)(({ theme }) => ({
   right: 0,
   bottom: 0,
   margin: 'auto',
-  backgroundColor: 'rgba(255, 255, 255, 0.8)',
+  [theme.getColorSchemeSelector('light')]: {
+    backgroundColor: 'rgba(255, 255, 255, 0.8)',
+  },
+  [theme.getColorSchemeSelector('dark')]: {
+    backgroundColor: 'rgba(12,12,12,0.6)',
+  },
   display: 'flex',
   alignItems: 'center',
   justifyContent: 'center',