From 7840543c8386687deac70cf07cb9c6ccafc9c99b Mon Sep 17 00:00:00 2001
From: ejunga <ejunga@purdue.edu>
Date: Wed, 3 Dec 2025 11:39:59 -0500
Subject: [PATCH] Fix comment editor colors

---
 tdx-enhanced.js | 29 +++++++++++++++++++++--------
 1 file changed, 21 insertions(+), 8 deletions(-)

diff --git a/tdx-enhanced.js b/tdx-enhanced.js
index 5166443..7b92cc2 100644
--- a/tdx-enhanced.js
+++ b/tdx-enhanced.js
@@ -1174,6 +1174,21 @@
         }
     }
 
+    function ckeinjectCustomCss(event) {
+        // var editor = event.editor
+        try {
+            if (!(event.document.$.getElementById("tdxuserscript-style"))) {
+                var style = event.document.$.createElement('style');
+                style.id = "tdxuserscript-style"
+                style.innerHTML = customStyles
+                event.document.$.getElementsByTagName('head')[0].appendChild(style);
+                event.document.$.querySelectorAll("div, span").forEach((element) => {
+                    element.style.color = "var(--txt-1)"
+                })
+            }
+        } catch(error) {}
+    }
+
     //setup observer to watch report/table changes/refreshes
     let observer = new MutationObserver((mutations) => {
         mutations.forEach((mutation) => {
@@ -1211,6 +1226,10 @@
                 updateHeading(t)
             }
 
+            for (const instance in CKEDITOR.instances) {
+                ckeinjectCustomCss(CKEDITOR.instances[instance]);
+            }
+
             //search whole document, frames may reset when reopened
             // let frames = document.querySelectorAll("iframe:not(.customEmbed)")
             // if (frames) {
@@ -1299,7 +1318,7 @@
         style.setProperty("--filter-invert",filters.invert)
         style.setProperty("--filter-saturate",filters.saturate)
         style.setProperty("--filter-sepia",filters.sepia)
-}
+    }
 
     /*
     function toggleColorMode() {
@@ -1343,17 +1362,11 @@
 
     try {
         CKEDITOR.on('instanceReady', function(event) {
-            var style = event.editor.document.$.createElement('style');
-            style.innerHTML = customStyles
-            editor.document.$.getElementsByTagName('head')[0].appendChild(style);
-            editor.document.$.querySelectorAll("*:not(a)").forEach((element) => {
-                element.style.color = "var(--txt-1)"
-            })
+            ckeinjectCustomCss(event)
         })
     } catch (error) {
 
     }
-
     async function injectToolbar() {
         let iconBar = document.querySelector("#globalSearchBar")