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

Update project structure

Browse Source
This commit is contained in:
Hazem Krimi
2022-01-08 19:06:43 +01:00
parent 574f0b4d63
commit 79279e4706
20 changed files with 78 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/_document.tsx
+9 -9
View File
@@ -48,8 +48,8 @@ class Doc extends Document {
<script
dangerouslySetInnerHTML={{
__html: `
function getInitialTheme() {
const persistedColorPreference = window.localStorage.getItem('theme');
function getInitialThemeMode() {
const persistedColorPreference = window.localStorage.getItem('mode');
const hasPersistedPreference = typeof persistedColorPreference === 'string';
if (hasPersistedPreference) {
@@ -67,29 +67,29 @@ class Doc extends Document {
}
(() => {
const theme = getInitialTheme();
const mode = getInitialThemeMode();
const root = document.documentElement;
const lightFavicon = document.querySelector('link#light-favicon');
const darkFavicon = document.querySelector('link#dark-favicon');
root.style.setProperty('--theme', theme);
root.style.setProperty('--mode', mode);
root.style.setProperty(
'--background',
theme === 'light' ? '#F9F9F9' : '#262626'
mode === 'light' ? '#F9F9F9' : '#262626'
);
root.style.setProperty(
'--secondary-background',
theme === 'light' ? 'white' : '#2F2F2F'
mode === 'light' ? 'white' : '#2F2F2F'
);
root.style.setProperty(
'--text',
theme === 'light' ? 'black' : 'white'
mode === 'light' ? 'black' : 'white'
);
root.style.setProperty(
'--text-inverted',
theme === 'light' ? 'white' : 'black'
mode === 'light' ? 'white' : 'black'
);
document.head.append(theme === 'light' ? darkFavicon : lightFavicon);
document.head.append(mode === 'light' ? darkFavicon : lightFavicon);
})();
`
}}