fix: Apply dark/light mode class to both body and html element when n…

…o target element is provided
cloudscape-design · Dec 6, 2024 · 087095b · 087095b
1 parent 236c167
commit 087095b
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/index.ts b/src/index.ts
@@ -23,12 +23,17 @@ function toggleClass(target: Element, className: string, enabled: boolean) {
   }
 }
 
-export function applyMode(mode: Mode | null, target: Element = document.body): void {
+export function applyMode(mode: Mode | null, target?: Element): void {
   if (mode && !hasValue(Mode, mode)) {
     console.warn(`Mode "${mode}" is not supported`);
     return;
   }
-  toggleClass(target, 'awsui-dark-mode', mode === Mode.Dark);
+  if (target) {
+    toggleClass(target, 'awsui-dark-mode', mode === Mode.Dark);
+  } else {
+    applyMode(mode, document.body)
+    applyMode(mode, document.documentElement)
+  }
 }
 
 export function applyDensity(density: Density | null, target: Element = document.body): void {