Add color-scheme to the root styling

Signed-off-by: Miki <[email protected]>
opensearch-project · Jul 1, 2023 · 597620b · 597620b
1 parent 3f357b5
commit 597620b
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/src/core/server/rendering/views/styles.tsx b/src/core/server/rendering/views/styles.tsx
@@ -43,6 +43,9 @@ export const Styles: FunctionComponent<Props> = ({ darkMode }) => {
     <style
       dangerouslySetInnerHTML={{
         __html: `
+          :root {
+            color-scheme: ${darkMode ? 'dark' : 'light'};
+          }
 
           *, *:before, *:after {
             box-sizing: border-box;