From 864522b1b49b14c62b034b7af789a205f43753cf Mon Sep 17 00:00:00 2001
From: Denis Voituron <dvoituron@outlook.com>
Date: Fri, 14 Mar 2025 15:26:32 +0100
Subject: [PATCH] Fix the document.body.dataset.theme from the DesignTheme web
 component

---
 src/Core.Assets/src/DesignTheme.ts | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/Core.Assets/src/DesignTheme.ts b/src/Core.Assets/src/DesignTheme.ts
index 48cdb1fee0..d21334a8cb 100644
--- a/src/Core.Assets/src/DesignTheme.ts
+++ b/src/Core.Assets/src/DesignTheme.ts
@@ -53,11 +53,13 @@ class DesignTheme extends HTMLElement {
       // Dark mode - Luminance = 0.15
       case "dark":
         baseLayerLuminance.withDefault(StandardLuminance.DarkMode);
+        document.body.dataset.theme = "dark";
         break;
 
       // Light mode - Luminance = 0.98
       case "light":
         baseLayerLuminance.withDefault(StandardLuminance.LightMode);
+        document.body.dataset.theme = "light";
         break;
 
       // System mode
@@ -65,9 +67,11 @@ class DesignTheme extends HTMLElement {
         const isDark = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches;
         if (isDark) {
           baseLayerLuminance.withDefault(StandardLuminance.DarkMode);
+          document.body.dataset.theme = "dark";
         }
         else {
           baseLayerLuminance.withDefault(StandardLuminance.LightMode);
+          document.body.dataset.theme = "light";
         }
         break;
     }