mirror of
https://github.com/kremalicious/portfolio.git
synced 2025-02-14 21:10:41 +01:00
Matthias Kretschmann
447cada700
* next.js + typescript * more testing * script updates * fixes * favicon generation * testing * readme updates * tweaks * tweaks * move tests * image tweaks * ci tweaks * commit next-env.d.ts for ci * migrations * fixes * fixes * ci tweaks * new animations * project preview tweaks * add codeclimate config * dark mode refactor, test tweaks * readme updates * animation tweaks * animate in loaded images * test update * update humans.txt
35 lines
1.0 KiB
TypeScript
35 lines
1.0 KiB
TypeScript
import styles from './index.module.css'
|
|
import useDarkMode from '../../hooks/useDarkMode'
|
|
import Head from 'next/head'
|
|
import { ThemeToggle } from './ThemeToggle'
|
|
import { ThemeToggleInput } from './ThemeToggleInput'
|
|
|
|
export default function ThemeSwitch() {
|
|
const { value, toggle, themeColor } = useDarkMode()
|
|
|
|
return (
|
|
<>
|
|
<Head>
|
|
<meta name="theme-color" content={themeColor} />
|
|
<meta name="msapplication-TileColor" content={themeColor} />
|
|
{/* <link
|
|
rel="mask-icon"
|
|
href="/favicon/safari-pinned-tab.svg"
|
|
color={themeColor}
|
|
/> */}
|
|
<meta
|
|
name="apple-mobile-web-app-status-bar-style"
|
|
content="black-translucent"
|
|
/>
|
|
</Head>
|
|
<aside className={styles.themeSwitch}>
|
|
<label className={styles.checkbox}>
|
|
<span className={styles.label}>Toggle Night Mode</span>
|
|
<ThemeToggleInput dark={value} toggleDark={toggle} />
|
|
<ThemeToggle dark={value} />
|
|
</label>
|
|
</aside>
|
|
</>
|
|
)
|
|
}
|