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

Make favicon dynamic and add og:image

Browse Source
This commit is contained in:
Hazem Krimi
2021-09-06 19:35:21 +01:00
parent 0b49477ee8
commit ac2173eac2
12 changed files with 16 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/DarkMode.tsx
+4
View File
@@ -22,6 +22,8 @@ const DarkMode: FC = ({ children }) => {
const [dark, dispatch] = useReducer(reducer, false);
const toggle = () => {
const root = window.document.documentElement;
const lightFavicon = document.querySelector('link#light-favicon')!;
const darkFavicon = document.querySelector('link#dark-favicon')!;
if (dark) {
window.localStorage.setItem('theme', 'light');
@@ -29,12 +31,14 @@ const DarkMode: FC = ({ children }) => {
root.style.setProperty('--secondary-background', 'white');
root.style.setProperty('--text', 'black');
root.style.setProperty('--text-inverted', 'white');
document.head.append(darkFavicon);
} else {
window.localStorage.setItem('theme', 'dark');
root.style.setProperty('--background', '#262626');
root.style.setProperty('--secondary-background', '#2F2F2F');
root.style.setProperty('--text', 'white');
root.style.setProperty('--text-inverted', 'black');
document.head.append(lightFavicon);
}
dispatch({ type: 'TOGGLE' });