Themes: Add color-scheme attribute to :root (#57001)

3 years ago · 64b0f8072b
parent ea8549b8c2
commit 64b0f8072b
1 changed files with 5 additions and 1 deletions
--- 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};