From 64b0f8072b63cf0925a0cfac82382dd18324aba6 Mon Sep 17 00:00:00 2001
From: kay delaney <45561153+kaydelaney@users.noreply.github.com>
Date: Fri, 14 Oct 2022 16:30:07 +0100
Subject: [PATCH] Themes: Add color-scheme attribute to :root (#57001)

---
 packages/grafana-ui/src/themes/GlobalStyles/elements.ts | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/grafana-ui/src/themes/GlobalStyles/elements.ts b/packages/grafana-ui/src/themes/GlobalStyles/elements.ts
index e704c191b81..9646fdd3593 100644
--- a/packages/grafana-ui/src/themes/GlobalStyles/elements.ts
+++ b/packages/grafana-ui/src/themes/GlobalStyles/elements.ts
@@ -16,6 +16,10 @@ export function getElementStyles(theme: GrafanaTheme2) {
       font-kerning: normal;
     }
 
+    :root {
+      color-scheme: ${theme.colors.mode};
+    }
+
     body {
       height: 100%;
       width: 100%;
@@ -167,7 +171,7 @@ export function getElementStyles(theme: GrafanaTheme2) {
 export function getVariantStyles(variant: ThemeTypographyVariant) {
   return `
     margin: 0;
-    font-size: ${variant.fontSize};    
+    font-size: ${variant.fontSize};
     line-height: ${variant.lineHeight};
     font-weight: ${variant.fontWeight};
     letter-spacing: ${variant.letterSpacing};