From 6c256944deee1c5e31c56be77881ba6d4ed79206 Mon Sep 17 00:00:00 2001
From: Javier Godoy <11554739+javier-godoy@users.noreply.github.com>
Date: Thu, 9 Jan 2025 11:29:57 -0300
Subject: [PATCH] fix(demo): improve dark theme support in demos

---
 .../vaadin/addons/extendedlogin/ExtendedLoginOverlayDemo.java | 4 ++--
 .../vaadin/addons/extendedlogin/LoginLayoutDemo.java          | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/test/java/com/flowingcode/vaadin/addons/extendedlogin/ExtendedLoginOverlayDemo.java b/src/test/java/com/flowingcode/vaadin/addons/extendedlogin/ExtendedLoginOverlayDemo.java
index 7b4b3f6..2f0507b 100644
--- a/src/test/java/com/flowingcode/vaadin/addons/extendedlogin/ExtendedLoginOverlayDemo.java
+++ b/src/test/java/com/flowingcode/vaadin/addons/extendedlogin/ExtendedLoginOverlayDemo.java
@@ -20,6 +20,7 @@
 package com.flowingcode.vaadin.addons.extendedlogin;
 
 import com.flowingcode.vaadin.addons.demo.DemoSource;
+import com.flowingcode.vaadin.addons.demo.TabbedDemo;
 import com.flowingcode.vaadin.addons.demo.ThemeChangeObserver;
 import com.vaadin.flow.component.html.Div;
 import com.vaadin.flow.component.html.IFrame;
@@ -45,8 +46,7 @@ public ExtendedLoginOverlayDemo() {
 
   @Override
   public void onThemeChange(String themeName) {
-    iframe.getElement().executeJs(
-        "this.contentWindow.document.querySelector('html').setAttribute('theme', $0)", themeName);
+    TabbedDemo.applyTheme(iframe.getElement(), themeName);
   }
 
 }
diff --git a/src/test/java/com/flowingcode/vaadin/addons/extendedlogin/LoginLayoutDemo.java b/src/test/java/com/flowingcode/vaadin/addons/extendedlogin/LoginLayoutDemo.java
index 08ef89d..a890c72 100644
--- a/src/test/java/com/flowingcode/vaadin/addons/extendedlogin/LoginLayoutDemo.java
+++ b/src/test/java/com/flowingcode/vaadin/addons/extendedlogin/LoginLayoutDemo.java
@@ -20,6 +20,7 @@
 package com.flowingcode.vaadin.addons.extendedlogin;
 
 import com.flowingcode.vaadin.addons.demo.DemoSource;
+import com.flowingcode.vaadin.addons.demo.TabbedDemo;
 import com.flowingcode.vaadin.addons.demo.ThemeChangeObserver;
 import com.vaadin.flow.component.html.Div;
 import com.vaadin.flow.component.html.IFrame;
@@ -46,8 +47,7 @@ public LoginLayoutDemo() {
 
   @Override
   public void onThemeChange(String themeName) {
-    iframe.getElement().executeJs(
-        "this.contentWindow.document.querySelector('html').setAttribute('theme', $0)", themeName);
+    TabbedDemo.applyTheme(iframe.getElement(), themeName);
   }
 
 }