From 22e14aeba488c5a539d5300a5e67658f8830c3b4 Mon Sep 17 00:00:00 2001
From: Carlos Fernandez <cfern1990@gmail.com>
Date: Thu, 15 Jan 2026 18:16:33 -0500
Subject: [PATCH] Fix theme for notifications area

---
 module/applications/ui/chatLog.mjs |  6 ++++++
 styles/less/global/chat.less       | 20 +++++++++-----------
 2 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/module/applications/ui/chatLog.mjs b/module/applications/ui/chatLog.mjs
index a364565f..c4a313fa 100644
--- a/module/applications/ui/chatLog.mjs
+++ b/module/applications/ui/chatLog.mjs
@@ -99,6 +99,12 @@ export default class DhpChatLog extends foundry.applications.sidebar.tabs.ChatLo
         super._replaceHTML(result, content, options);
     }
 
+    /** Remove chat log theme from notifications area */
+    async _onFirstRender(result, content) {
+        await super._onFirstRender(result, content);
+        document.querySelector("#chat-notifications .chat-log")?.classList.remove("themed", "theme-light", "theme-dark")
+    }
+
     async onRollSimple(event, message) {
         const buttonType = event.target.dataset.type ?? 'damage',
             total = message.rolls.reduce((a, c) => a + Roll.fromJSON(c).total, 0),
diff --git a/styles/less/global/chat.less b/styles/less/global/chat.less
index 95458629..dc671e44 100644
--- a/styles/less/global/chat.less
+++ b/styles/less/global/chat.less
@@ -2,20 +2,18 @@
 @import '../utils/fonts.less';
 @import '../utils/mixin.less';
 
+.daggerheart.chat-sidebar.theme-light,
 #interface.theme-light {
-    .daggerheart.chat-sidebar .chat-log,
-    #chat-notifications .chat-log {
-        .chat-message {
-            background-image: url('../assets/parchments/dh-parchment-light.png');
+    .chat-log .chat-message {
+        background-image: url('../assets/parchments/dh-parchment-light.png');
 
-            .message-header .message-header-metadata .message-metadata,
-            .message-header .message-header-main .message-sub-header-container {
-                color: @dark;
-            }
+        .message-header .message-header-metadata .message-metadata,
+        .message-header .message-header-main .message-sub-header-container {
+            color: @dark;
+        }
 
-            .message-header .message-header-main .message-sub-header-container h4 {
-                color: @dark-blue;
-            }
+        .message-header .message-header-main .message-sub-header-container h4 {
+            color: @dark-blue;
         }
     }
 }