dave/site
1
0
Fork 0
mirror of https://github.com/davegallant/davegallant.github.io.git synced 2025-08-07 00:58:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

Ensure utterances theme's is toggled when site theme is toggled

Browse Source
This commit is contained in:
Dave Gallant
2023-03-25 14:04:50 -04:00
parent 18c5a8c814
commit 210a55934d
57 changed files with 826 additions and 329 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
public/js/themetoggle.js
View File

@@ -3,14 +3,27 @@ function setTheme(mode) {
if (mode === "dark") {
document.getElementById("darkModeStyle").disabled=false;
document.getElementById("dark-mode-toggle").innerHTML = "<i data-feather=\"sun\"></i>";
feather.replace()
feather.replace();
setUtterancesTheme("github-dark");
} else if (mode === "light") {
document.getElementById("darkModeStyle").disabled=true;
document.getElementById("dark-mode-toggle").innerHTML = "<i data-feather=\"moon\"></i>";
feather.replace()
feather.replace();
setUtterancesTheme("github-light");
}
}
function setUtterancesTheme (theme) {
if (document.querySelector('.utterances-frame')) {
const message = {
type: 'set-theme',
theme: theme
};
const iframe = document.querySelector('.utterances-frame');
iframe.contentWindow.postMessage(message, 'https://utteranc.es');
}
}
function toggleTheme() {
if (localStorage.getItem("theme-storage") === "light") {
setTheme("dark");