diff options
Diffstat (limited to 'src/js/theme.js')
-rw-r--r-- | src/js/theme.js | 52 |
1 files changed, 52 insertions, 0 deletions
diff --git a/src/js/theme.js b/src/js/theme.js index fd0b755..8239c69 100644 --- a/src/js/theme.js +++ b/src/js/theme.js @@ -8,7 +8,12 @@ window.addEventListener('DOMContentLoaded', () => { const html = document.querySelector('html'); const aside = document.querySelector('#side-bar'); const sidenotes = document.querySelector('.sidenotes'); + const footnotes = document.querySelector('.footnotes'); const harr = document.querySelector('#harr'); + const links = document.querySelectorAll('a'); + const likes = document.querySelectorAll('.likes'); + const tables = document.querySelectorAll('table'); + const codes = document.querySelectorAll('p code'); if (storageTheme === 'dark' || storageTheme === 'light') { const theme = storageTheme; @@ -19,6 +24,27 @@ window.addEventListener('DOMContentLoaded', () => { sidenotes.classList.add(theme); harr.classList.add(theme); + if(footnotes) { + footnotes.classList.add(theme); + } + + for (let link of links) { + link.classList.add(theme); + } + for (let likeBox of likes) { + likeBox.classList.add(theme); + } + for (let table of tables) { + table.classList.add(theme); + } + for (let code of codes) { + code.classList.add(theme); + } + + for (const article of document.querySelectorAll('article')) { + article.classList.add(theme); + } + for (const article of document.querySelectorAll('article')) { article.classList.add(theme); } @@ -43,11 +69,37 @@ window.addEventListener('DOMContentLoaded', () => { if (!sidenotes.classList.replace(...arg)) { sidenotes.classList.add(theme); } + if (footnotes && !footnotes.classList.replace(...arg)) { + footnotes.classList.add(theme); + } + + if (!harr.classList.replace(...arg)) { harr.classList.add(theme); } + for (let link of links) { + if (!link.classList.replace(...arg)) { + link.classList.add(theme); + } + } + for (let table of tables) { + if (!table.classList.replace(...arg)) { + table.classList.add(theme); + } + } + for (let code of codes) { + if (!code.classList.replace(...arg)) { + code.classList.add(theme); + } + } + for (let like of likes) { + if (!like.classList.replace(...arg)) { + like.classList.add(theme); + } + } + for (const article of document.querySelectorAll('article')) { if (!article.classList.replace(...arg)) { article.classList.add(theme); |