Move theming to top and remove duplicate theming

pages/_app.js

@@ -56,13 +56,9 @@ export default function MyApp({ Component }) {
         }
     }, []);
 
-    /*useEffect(() => {
-        DomHandler.addClass(document.body, dark ? 'layout-dark' : 'layout-light');
-
-        return () => {
-            DomHandler.removeMultipleClasses(document.body, 'layout-dark layout-light');
-        };
-    }, [dark]);*/
+    useEffect(() => {
+        document.documentElement.dataset.pfTheme = dark ? 'primeone-dark' : 'primeone-light';
+    }, [dark]);
 
     let content;
 
@@ -76,9 +72,5 @@ export default function MyApp({ Component }) {
         );
     }
 
-    return (
-        <div className={classNames('app', { 'app-news-active': props.newsActive })} data-pf-theme={theme}>
-            {content}
-        </div>
-    );
+    return <div className={classNames('app', { 'app-news-active': props.newsActive })}>{content}</div>;
 }

styles/layout/_docsearch.scss

@@ -6,7 +6,7 @@
     transition: border-color 0.3s;
     height: 3rem;
     padding: 0 0.75rem;
-    font-family: var(--font-family);
+    font-family: Inter;
 
     &:hover {
         border-color: var(--primary-color);
@@ -39,7 +39,7 @@
             top: 0;
             border-radius: 0;
             height: auto;
-            font-family: var(--font-family);
+            font-family: Inter;
             width: auto;
 
             &:first-child {
@@ -125,3 +125,21 @@
 .DocSearch-Prefill {
     color: var(--primary-color);
 }
+
+:root {
+    --docsearch-searchbox-focus-background: var(--surface-card);
+    --docsearch-text-color: var(--text-color);
+    --docsearch-muted-color: var(--text-color);
+    --docsearch-searchbox-background: var(--surface-card);
+    --docsearch-text-color: var(--text-color);
+    --docsearch-modal-background: var(--surface-overlay);
+    --docsearch-key-gradient: var(--surface-ground);
+    --docsearch-key-shadow: none;
+    --docsearch-container-background: var(--maskbg);
+    --docsearch-hit-background: var(--surface-overlay);
+    --docsearch-hit-shadow: none;
+    --docsearch-spacing: 1rem;
+    --docsearch-hit-color: var(--text-color);
+    --docsearch-highlight-color: var(--primary-color);
+    --docsearch-hit-active-color: var(--primary-color-text);
+}