Working on user preferences for dashboards

2024-07-04 20:52:36 +01:00
parent 218be2f0b1
commit f26682e6de
13 changed files with 132 additions and 780 deletions
@@ -12,12 +12,17 @@ import { GuildTodos } from "../Guild/GuildTodos";
 export function App() {
    const queryClient = new QueryClient();

+    let scheme = "light";
+    if (window.matchMedia("(prefers-color-scheme: dark)").matches) {
+        scheme = "dark";
+    }
+
    return (
        <TimezoneProvider>
            <FlashProvider>
                <QueryClientProvider client={queryClient}>
                    <Router base={"/dashboard"}>
-                        <div class="columns is-gapless dashboard-frame">
+                        <div class={`columns is-gapless dashboard-frame scheme-${scheme}`}>
                            <Sidebar />
                            <div class="column is-main-content">
                                <div style={{ margin: "0 12px 12px 12px" }}>