aron/awebsite
aron/awebsite
1
0
Fork 0
Code Issues Pull requests Wiki Activity Actions

Theme installed

Browse source
This commit is contained in:
Aron Petau 2025-04-29 21:13:41 +02:00
parent 8c90bb2dfc
commit 9f4d78baa2
135 changed files with 2650 additions and 269 deletions
Download patch file Download diff file Expand all files Collapse all files

105
static/js/colortheme.js Normal file
View file

@ -0,0 +1,105 @@
const cIcon = document.getElementById('cIcon');
mmdElements = document.getElementsByClassName('mermaid');
const mmdHTML = [];
for (let i = 0; i < mmdElements.length; i++) {
mmdHTML[i] = mmdElements[i].innerHTML;
}
function mermaidRender(theme) {
if ( theme == 'dark' ) {
initOptions = {
startOnLoad: false,
theme: 'dark'
}
}
else {
initOptions = {
startOnLoad: false,
theme: 'neutral'
}
}
for (let i = 0; i < mmdElements.length; i++) {
delete mmdElements[i].dataset.processed;
mmdElements[i].innerHTML = mmdHTML[i];
}
mermaid.initialize(initOptions);
mermaid.run();
}
function giscusRender(theme) {
if (document.head.dataset['commentsEnabled'] == 'true'){
baseUrl = document.head.dataset['baseUrl'];
themes = {
"dark": `${baseUrl}css/gs_dark.css`,
"light":`${baseUrl}css/gs_light.css`
}
giscus = document.getElementById('giscusScript');
if (giscus){
giscus.remove();
}
let js = document.createElement('script');
js.setAttribute("id", 'giscusScript');
js.setAttribute("src", document.head.dataset['giscusSrc']);
js.setAttribute("data-repo", document.head.dataset['giscusRepo']);
js.setAttribute("data-repo-id", document.head.dataset['giscusRepoId']);
js.setAttribute("data-category", document.head.dataset['giscusCategory']);
js.setAttribute("data-category-id", document.head.dataset['giscusCategoryId']);
js.setAttribute("data-mapping", document.head.dataset['giscusMapping']);
js.setAttribute("data-strict",document.head.dataset['giscusStrict']);
js.setAttribute("data-reactions-enabled",document.head.dataset['giscusReactionsEnabled']);
js.setAttribute("data-emit-metadata", document.head.dataset['giscusEmitMetadata']);
js.setAttribute("data-input-position", document.head.dataset['giscusInputPosition']);
js.setAttribute("data-theme", themes[theme]);
js.setAttribute("data-lang", document.head.dataset['giscusLang']);
js.setAttribute("crossorigin", document.head.dataset['giscusCrossorigin']);
js.setAttribute("nonce", document.head.dataset['giscusNonce']);
js.async = true;
commentsBase = document.getElementById('giscusWidget').appendChild(js);
}
}
function setStartTheme(){
let targetColorTheme = '';
let currentTheme = localStorage.getItem('color-theme');
if (currentTheme != null) {
targetColorTheme = currentTheme
} else {
const darkThemeMq = window.matchMedia("(prefers-color-scheme: dark)");
if (darkThemeMq.matches) {
targetColorTheme = 'dark';
// opposite = 'light';
} else {
targetColorTheme = 'light';
// opposite = 'dark';
}
}
cIcon.classList.remove('icon-'+currentTheme);
cIcon.classList.add('icon-'+targetColorTheme);
document.head.dataset.colorTheme = targetColorTheme;
document.documentElement.setAttribute('color-theme', targetColorTheme);
localStorage.setItem('color-theme',targetColorTheme);
giscusRender(targetColorTheme);
mermaidRender(targetColorTheme);
}
function switchTheme() {
currentTheme = document.documentElement.getAttribute('color-theme')
if (currentTheme == 'dark') {
targetColorTheme = 'light';
}
if ( currentTheme == 'light') {
targetColorTheme = 'dark';
}
cIcon.classList.remove('icon-'+currentTheme);
cIcon.classList.add('icon-'+targetColorTheme);
document.documentElement.setAttribute('color-theme', targetColorTheme);
document.head.dataset.colorTheme = targetColorTheme;
localStorage.setItem('color-theme',targetColorTheme);
giscusRender(targetColorTheme)
mermaidRender(targetColorTheme)
}
document.getElementById("cIcon").addEventListener("click", switchTheme);