Enhancement: use css color-scheme (#4349)

src/pages/index.jsx

@@ -452,6 +452,7 @@ function Home({ initialSettings }) {
 }
 
 export default function Wrapper({ initialSettings, fallback }) {
+  const { theme } = useContext(ThemeContext);
   const wrappedStyle = {};
   let backgroundBlur = false;
   let backgroundSaturate = false;
@@ -482,8 +483,9 @@ export default function Wrapper({ initialSettings, fallback }) {
       id="page_wrapper"
       className={classNames(
         "relative",
-        initialSettings.theme && initialSettings.theme,
+        theme && theme,
         initialSettings.color && `theme-${initialSettings.color}`,
+        theme === "dark" ? "scheme-dark" : "scheme-light",
       )}
     >
       <div