wip

gw2auth · Jan 8, 2024 · 3ed3501 · 3ed3501
1 parent 62153f9
commit 3ed3501
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/src/components/root.tsx b/src/components/root.tsx
@@ -178,6 +178,10 @@ function InternalBaseProviders({ children }: React.PropsWithChildren) {
     setAuthInfo(newValue);
   }
 
+  useEffect(() => {
+    document.getElementById('temp_style')?.remove();
+  }, []);
+
   useEffect(() => {
     applyMode(preferences.effectiveColorScheme === ColorScheme.LIGHT ? Mode.Light : Mode.Dark);
     applyDensity(preferences.uiDensity === UIDensity.COMFORTABLE ? Density.Comfortable : Density.Compact);

diff --git a/src/pages/index.html b/src/pages/index.html
@@ -4,7 +4,7 @@
   <meta charset="UTF-8" />
   <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
   <title>GW2Auth</title>
-  <style id="temp_style">body{color-scheme:dark; background-color: #0F1B2A}</style>
+  <style id="temp_style">body{color-scheme:dark;background-color:#0F1B2A;}</style>
   <meta name="viewport" content="width=device-width, initial-scale=1">
 </head>
 <body>

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -1,3 +1,4 @@
+import { applyMode, Mode } from '@cloudscape-design/global-styles';
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import {
@@ -173,5 +174,5 @@ const element = (
   </React.StrictMode>
 );
 
+applyMode(Mode.Dark);
 root.render(element);
-document.getElementById('temp_style')?.remove();