wrap app with div that assigns dark-theme and light-theme class names

Author: interim17

src/components/Viewer/style.css

@@ -37,6 +37,6 @@
     background-color: #2C2F38;
 }
 
-.dark-theme .overlay-content {
+.dark-theme .overlay-content.active {
     color: #8b91ff;
 }

src/style/themeRoot.tsx

@@ -18,7 +18,9 @@ export function ThemeRoot({ children }: { children: React.ReactNode }) {
 
     return (
         <ConfigProvider theme={isDark ? darkTheme : lightTheme}>
-            {children}
+            <div className={isDark ? "dark-theme" : "light-theme"}>
+                {children}
+            </div>
         </ConfigProvider>
     );
 }