From 3bf9cf681acc0e551b09bc8d978953d608c3c0b1 Mon Sep 17 00:00:00 2001
From: "CodeMax IT Solutions Pvt. Ltd."
 <137166088+cdmx1@users.noreply.github.com>
Date: Wed, 11 Jun 2025 18:33:05 +0530
Subject: [PATCH] web/elements: Add light mode custom css handling (#14944)

* fix(ui): Add light mode custom css handling

Signed-off-by: CodeMax IT Solutions Pvt. Ltd. <137166088+cdmx1@users.noreply.github.com>

* Update Base.ts

Signed-off-by: CodeMax IT Solutions Pvt. Ltd. <137166088+cdmx1@users.noreply.github.com>

---------

Signed-off-by: CodeMax IT Solutions Pvt. Ltd. <137166088+cdmx1@users.noreply.github.com>
---
 web/src/elements/Base.ts | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/web/src/elements/Base.ts b/web/src/elements/Base.ts
index 51f9849a15..1d5618fd86 100644
--- a/web/src/elements/Base.ts
+++ b/web/src/elements/Base.ts
@@ -123,6 +123,9 @@ export class AKElement extends LitElement {
             applyUITheme(nextStyleRoot, UiThemeEnum.Dark, this.#customCSSStyleSheet);
 
             this.activeTheme = UiThemeEnum.Dark;
+        } else if (this.preferredColorScheme === "light") {
+            applyUITheme(nextStyleRoot, UiThemeEnum.Light, this.#customCSSStyleSheet);
+            this.activeTheme = UiThemeEnum.Light;
         } else if (this.preferredColorScheme === "auto") {
             createUIThemeEffect(
                 (nextUITheme) => {