| | |
|---|
| | | // @ts-ignore: this is safe, we don't want to actually make darkmode.inline.ts a module as |
|---|
| | | // modules are automatically deferred and we don't want that to happen for critical beforeDOMLoads |
|---|
| | | // see: https://v8.dev/features/modules#defer |
|---|
| | | import darkmodeScript from "./scripts/darkmode.inline" |
|---|
| | | import styles from '../styles/darkmode.scss' |
|---|
| | | import styles from './styles/darkmode.scss' |
|---|
| | | import { QuartzComponentConstructor } from "./types" |
|---|
| | | |
|---|
| | | export default function Darkmode() { |
|---|
| | | function Darkmode() { |
|---|
| | | return <div class="darkmode"> |
|---|
| | | <input class="toggle" id="darkmode-toggle" type="checkbox" tabIndex={-1} /> |
|---|
| | | <label id="toggle-label-light" for="darkmode-toggle" tabIndex={-1}> |
|---|
| | |
|---|
| | | |
|---|
| | | Darkmode.beforeDOMLoaded = darkmodeScript |
|---|
| | | Darkmode.css = styles |
|---|
| | | |
|---|
| | | export default (() => Darkmode) satisfies QuartzComponentConstructor |
|---|
