From cb2190405d855a59d4b1aa3bc967ade55928a531 Mon Sep 17 00:00:00 2001 From: Ilya Y <75578537+ilya-bkv@users.noreply.github.com> Date: Thu, 31 Aug 2023 07:20:32 +0300 Subject: [PATCH] Remove PrefersDark() listener (#197) --- src/components/_shared/DarkModeToggle/DarkModeToggle.tsx | 7 ++----- 1 file changed, 2 insertions(+), 5 deletions(-) diff --git a/src/components/_shared/DarkModeToggle/DarkModeToggle.tsx b/src/components/_shared/DarkModeToggle/DarkModeToggle.tsx index e68438ab..ab7ee6f5 100644 --- a/src/components/_shared/DarkModeToggle/DarkModeToggle.tsx +++ b/src/components/_shared/DarkModeToggle/DarkModeToggle.tsx @@ -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(() => {