hazemKrimi/personal-website
1
0
Fork 0
mirror of https://github.com/hazemKrimi/personal-website.git synced 2026-05-01 18:00:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Header partial wip

Browse Source
This commit is contained in:
Hazem Krimi
2023-10-31 00:10:41 +01:00
parent 44705e17f7
commit 4e31b2877b
21 changed files with 239 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/js/baseof.js
+12 -1
View File
@@ -22,7 +22,18 @@ function updateTheme(theme) {
'--background',
theme === 'light' ? 'var(--light-background)' : 'var(--dark-background)'
);
root.style.setProperty(
'--header-background',
theme === 'light'
? 'var(--header-light-background)'
: 'var(--header-dark-background)'
);
root.style.setProperty(
'--header-shadow',
theme === 'light' ? 'var(--shadow)' : 'none'
);
root.style.setProperty('--text', theme === 'light' ? 'black' : 'white');
root.style.setProperty('--color', theme === 'light' ? 'black' : 'white');
}
const root = document.documentElement;
@@ -32,7 +43,7 @@ document.addEventListener('DOMContentLoaded', () => {
updateTheme(theme);
});
document.querySelector('#switch-theme').addEventListener('click', () => {
document.querySelector('#theme-toggle').addEventListener('click', () => {
theme = theme === 'light' ? 'dark' : 'light';
window.localStorage.setItem('theme', theme);
updateTheme(theme);