| | |
|---|
| | | import darkmodeScript from "./scripts/darkmode.inline" |
|---|
| | | import styles from "./styles/darkmode.scss" |
|---|
| | | import { QuartzComponentConstructor, QuartzComponentProps } from "./types" |
|---|
| | | import { classNames } from "../util/lang" |
|---|
| | | |
|---|
| | | function Darkmode({ displayClass }: QuartzComponentProps) { |
|---|
| | | return ( |
|---|
| | | <div class={`darkmode ${displayClass ?? ""}`}> |
|---|
| | | <div class={classNames(displayClass, "darkmode")}> |
|---|
| | | <input class="toggle" id="darkmode-toggle" type="checkbox" tabIndex={-1} /> |
|---|
| | | <label id="toggle-label-light" for="darkmode-toggle" tabIndex={-1}> |
|---|
| | | <svg |
|---|
