Add color-scheme to the root styling (#4477)

Signed-off-by: Miki <[email protected]> (cherry picked from commit 021671a) Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> # Conflicts: # CHANGELOG.md
opensearch-project · Jul 3, 2023 · a4650cd · a4650cd
1 parent 29c7abd
commit a4650cd
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;