diff --git a/src/SEQTA.js b/src/SEQTA.js index d8f4f1fc..3c268d8b 100644 --- a/src/SEQTA.js +++ b/src/SEQTA.js @@ -642,9 +642,12 @@ export function tryLoad() { function () { CheckiFrameItems(); removeThemeTagsFromNotices(); + documentTextColor(); }, true, ); + const observer = new MutationObserver(() => { documentTextColor() }) + observer.observe(document.getElementById('toolbar'), { attributes: true, childList: true, subtree: true }) } function ChangeMenuItemPositions(storage) { @@ -2690,6 +2693,42 @@ async function CheckForMenuList() { } } +function documentTextColor () { + const result = chrome.storage.local.get(['DarkMode']) + function changeDocTextCol (result) { + const Darkmode = result.DarkMode + if (Darkmode) { + const documentArray = document.querySelectorAll('td:not([class^="colourBar"]):not([class^="title"])') + const fullDocArray = document.querySelectorAll('tr.document') + const linkArray = document.querySelectorAll('a.uiFile') + for (const item of fullDocArray) { + item.classList.add('documentDark') + } + for (const item of linkArray) { + item.setAttribute('style', 'color: #06b4fc;') + } + for (const item of documentArray) { + item.setAttribute('style', 'color: white') + } + } else { + const documentArray = document.querySelectorAll('td:not([class^="colourBar"]):not([class^="title"])') + const fullDocArray = document.querySelectorAll('tr.document') + const linkArray = document.querySelectorAll('a.uiFile') + for (const item of fullDocArray) { + item.classList.remove('documentDark') + } + for (const item of linkArray) { + item.setAttribute('style', 'color: #3465a4;') + } + for (const item of documentArray) { + item.setAttribute('style', 'color: black') + } + } + } + result.then(changeDocTextCol, onError) +} +chrome.storage.onChanged.addListener(documentTextColor) + function LoadInit() { console.log('[BetterSEQTA] Started Init'); chrome.storage.local.get(null, function (result) {