diff --git a/tdx-enhanced.js b/tdx-enhanced.js index 3b37274..895ec48 100644 --- a/tdx-enhanced.js +++ b/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) })(); \ No newline at end of file