diff --git a/barkmanui/src/App.tsx b/barkmanui/src/App.tsx
index c7b8012..78ec832 100644
--- a/barkmanui/src/App.tsx
+++ b/barkmanui/src/App.tsx
@@ -10,7 +10,7 @@ const queryClient = new QueryClient()
 import { MantineProvider } from '@mantine/core';
 
 function App() {
-  return <MantineProvider>{ (
+  return <MantineProvider defaultColorScheme="auto">{ (
       <QueryClientProvider client={queryClient}>
     <>
         <Routes>