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