discours.io/webapp
5
0
Fork 0
Code Issues Pull Requests Actions Projects Wiki Activity

Remove PrefersDark() listener (#197)

Browse Source
This commit is contained in:
Ilya Y 2023-08-31 07:20:32 +03:00 committed by GitHub
parent 77fb0471ff
commit cb2190405d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/_shared/DarkModeToggle/DarkModeToggle.tsx
View File

@ -3,7 +3,6 @@ import styles from './DarkModeToggle.module.scss'
import { Icon } from '../Icon' import { Icon } from '../Icon'
import { useLocalize } from '../../../context/localize' import { useLocalize } from '../../../context/localize'
import { createSignal, onCleanup, onMount } from 'solid-js' import { createSignal, onCleanup, onMount } from 'solid-js'
import { createPrefersDark } from '@solid-primitives/media'
type Props = { type Props = {
class?: string class?: string
@ -14,7 +13,6 @@ const editorDarkModeAttr = document.documentElement.getAttribute('editorDarkMode
export const DarkModeToggle = (props: Props) => { export const DarkModeToggle = (props: Props) => {
const { t } = useLocalize() const { t } = useLocalize()
const prefersDark = createPrefersDark()
const [editorDarkMode, setEditorDarkMode] = createSignal(false) const [editorDarkMode, setEditorDarkMode] = createSignal(false)
onMount(() => { onMount(() => {
@ -27,9 +25,8 @@ export const DarkModeToggle = (props: Props) => {
} }
if (!editorDarkModeAttr && !editorDarkModeSelected) { if (!editorDarkModeAttr && !editorDarkModeSelected) {
setEditorDarkMode(prefersDark()) localStorage.setItem('editorDarkMode', 'false')
localStorage.setItem('editorDarkMode', prefersDark() ? 'true' : 'false') document.documentElement.dataset.editorDarkMode = 'false'
document.documentElement.dataset.editorDarkMode = prefersDark() ? 'true' : 'false'
} }
onCleanup(() => { onCleanup(() => {