mirror of
https://github.com/kremalicious/portfolio.git
synced 2025-02-14 21:10:41 +01:00
30 lines
871 B
TypeScript
30 lines
871 B
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 { themeColor } = useDarkMode()
|
|
|
|
return (
|
|
<>
|
|
<Head>
|
|
<meta name="theme-color" content={themeColor} />
|
|
<meta name="msapplication-TileColor" content={themeColor} />
|
|
<meta
|
|
name="apple-mobile-web-app-status-bar-style"
|
|
content="black-translucent"
|
|
/>
|
|
</Head>
|
|
<aside aria-label="Theme Switch" className={styles.themeSwitch}>
|
|
<label className={styles.checkbox}>
|
|
<span className={styles.label}>Toggle Night Mode</span>
|
|
<ThemeToggleInput />
|
|
<ThemeToggle />
|
|
</label>
|
|
</aside>
|
|
</>
|
|
)
|
|
}
|