[@mantine/styles] Set color-scheme style in html element (#2808)

mantinedev · Oct 26, 2022 · 159e2d8 · 159e2d8
1 parent 23077af
commit 159e2d8
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/mantine-styles/src/theme/GlobalStyles.tsx b/src/mantine-styles/src/theme/GlobalStyles.tsx
@@ -10,6 +10,10 @@ export function GlobalStyles({ theme }: { theme: MantineTheme }) {
           boxSizing: 'border-box',
         },
 
+        html: {
+          colorScheme: theme.colorScheme === 'dark' ? 'dark' : 'light',
+        },
+
         body: {
           ...theme.fn.fontStyles(),
           backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,