editor is dark

tdx-enhanced.js

@@ -317,14 +317,37 @@
         }
     }
 
+    function injectOtherStyles(element) {
+        if (element.tagName == "IFRAME") {
+            let frame = element.contentWindow.document
+
+            let e = frame.querySelector("head")
+            console.warn("Got iframe!",frame)
+
+            let s = document.createElement("style")
+            s.innerText = customStyles
+
+            e.appendChild(s)
+        }
+}
+
     //setup observer to watch report/table changes/refreshes
     let observer = new MutationObserver((mutations) => {
         mutations.forEach((mutation) => {
             let t = mutation.target
-            //console.log("Mutation:",t.classList)
+            //console.log("Mutation:",t)
             if (t.classList.contains("ModuleContent")) {
                 parseTable(mutation)
             }
+
+            let editor = t.querySelector(".cke_wysiwyg_frame")
+            let editorDrop = t.querySelector(".cke_panel_frame")
+            if (editor) {
+                injectOtherStyles(editor)
+            }
+            if (editorDrop) {
+                injectOtherStyles(editorDrop)
+            }
         });
     });
 
@@ -348,7 +371,7 @@
     parseTicket()
     changeTitle()
 
-    GM.addStyle(`
+    const customStyles = `
 
     /* Root Styles */
     :root {
@@ -600,11 +623,6 @@
             color: var(--dark-txt-2) !important;
         }
 
-        .cke_editable {
-            background-color: var(--dark-bg-1) !important;
-            color: var(--dark-txt-2) !important;
-        }
-
         div.comment {
             background-color: var(--dark-bg-0) !important;
             color: var(--dark-txt-2) !important;
@@ -732,6 +750,86 @@
             color: var(--light-col-2);
         }
 
+        .cke_editable {
+            color: var(--dark-txt-1);
+            background-color: var(--dark-bg-4);
+        }
+
+        .cke_combo_button, .cke_toolgroup {
+            background: var(--dark-bg-3) !important;
+        }
+
+        .cke_button_icon {
+            opacity: 1 !important;
+            filter: invert(1) !important;
+        }
+
+        .cke_combo_text {
+            color: var(--dark-txt-2) !important;
+        }
+
+        .cke_panel_grouptitle {
+            background: var(--dark-bg-2) !important;
+            color: var(--dark-txt-1);
+        }
+
+        .cke_panel_listItem a:active, .cke_panel_listItem a:focus, .cke_panel_listItem a:hover {
+            background: var(--dark-bg-2) !important;
+        }
+
+        a.cke_button_disabled:active, a.cke_button_disabled:focus, a.cke_button_disabled:hover, a.cke_button_off:active, a.cke_button_off:focus, a.cke_button_off:hover {
+             background: var(--dark-bg-2) !important;
+        }
+
+        .cke_colorblock, .cke_colorblock a {
+            color: var(--dark-txt-1);
+        }
+
+        a:active.cke_colorauto, a:active.cke_colormore, a:focus.cke_colorauto, a:focus.cke_colormore, a:hover.cke_colorauto, a:hover.cke_colormore {
+            background: var(--dark-bg-2) !important;
+        }
+
+        a:active.cke_colorbox, a:focus.cke_colorbox, a:hover.cke_colorbox {
+            background: var(--dark-bg-3) !important;
+        }
+
+        .cke_dialog_contents, .cke_dialog_body {
+            color: var(--dark-txt-1) !important;
+            background: var(--dark-bg-2) !important;
+        }
+
+        .cke_dialog_footer, .cke_dialog_title {
+            background: var(--dark-bg-1) !important;
+        }
+
+        .cke_reset_all, .cke_reset_all * {
+            color: var(--dark-txt-1) !important;
+        }
+
+        .cke_dialog_page_contents a.cke_dialog_ui_button, a.cke_dialog_ui_button_cancel {
+            background: var(--dark-bg-3) !important;
+        }
+
+        input.cke_dialog_ui_input_password, input.cke_dialog_ui_input_text, textarea.cke_dialog_ui_input_textarea {
+            background: var(--dark-bg-3) !important;
+        }
+
+        a.cke_dialog_tab_selected {
+            background: var(--dark-bg-2) !important;
+        }
+
+        a.cke_dialog_tab {
+            background: var(--dark-bg-3) !important;
+        }
+
+        select.cke_dialog_ui_input_select {
+            background-color: var(--dark-bg-4) !important;
+        }
+
+        .cke_button_on {
+            background: var(--dark-bg-2) !important;
+        }
+
         /* Big header */
         #tabsList {
             background-color: var(--dark-bg-0);
@@ -957,6 +1055,58 @@
             border: 1px solid var(--dark-border-0) !important;
         }
 
+        .cke_contents {
+            border: 1px solid var(--dark-border-0) !important;
+        }
+
+        .cke_combo_button, .cke_toolgroup {
+            border-color: var(--dark-border-0) !important;
+        }
+
+        .cke_combo_arrow {
+            border-top: 3px solid var(--dark-txt-2) !important;
+        }
+
+        .cke_panel_listItem a {
+            border: 0;
+        }
+
+        .cke_panel_grouptitle {
+             border-bottom: 1px solid var(--dark-border-0) !important;
+        }
+
+        .cke_panel_block {
+            outline: 0;
+        }
+
+        .cke_panel {
+            border: 1px solid var(--dark-border-0) !important;
+        }
+
+        a.cke_colorbox, a.cke_colorauto, a.cke_colormore {
+            border: 1px solid var(--dark-border-0) !important;
+        }
+
+        .cke_dialog_footer, .cke_dialog_title, .cke_dialog_contents, .cke_dialog_body {
+            border: 1px solid var(--dark-border-0) !important;
+        }
+
+        a.cke_dialog_ui_button {
+            border: 1px solid var(--dark-border-0) !important;
+        }
+
+        a.cke_dialog_tab {
+            border-color: var(--dark-border-0) !important;
+        }
+
+        select.cke_dialog_ui_input_select {
+            border: 1px solid var(--dark-border-0) !important;
+        }
+
+        input.cke_dialog_ui_input_password, input.cke_dialog_ui_input_text, textarea.cke_dialog_ui_input_textarea {
+            border: 1px solid var(--dark-border-0) !important;
+        }
+
         .nav-tabs>li>a:hover {
             border-color: var(--dark-border-0);
         }
@@ -1030,5 +1180,7 @@
         }
 
     }
-    `)
+    `
+
+    GM.addStyle(customStyles)
 })();