From f0d0a9e93c67b517fd7e10dae653c88a90d04df7 Mon Sep 17 00:00:00 2001 From: Robert Kaussow Date: Sat, 16 Nov 2024 15:41:34 +0100 Subject: [PATCH] cleanup --- web/src/compositions/useDarkMode.ts | 28 ---------------------------- 1 file changed, 28 deletions(-) delete mode 100644 web/src/compositions/useDarkMode.ts diff --git a/web/src/compositions/useDarkMode.ts b/web/src/compositions/useDarkMode.ts deleted file mode 100644 index eac1787ab..000000000 --- a/web/src/compositions/useDarkMode.ts +++ /dev/null @@ -1,28 +0,0 @@ -import { useStorage } from '@vueuse/core'; -import { watch } from 'vue'; - -const isDarkModeActive = useStorage('woodpecker:dark-mode', window.matchMedia('(prefers-color-scheme: dark)').matches); - -watch( - isDarkModeActive, - (isActive) => { - if (isActive) { - document.documentElement.classList.remove('light'); - document.documentElement.classList.add('dark'); - document.documentElement.setAttribute('data-theme', 'dark'); - document.querySelector('meta[name=theme-color]')?.setAttribute('content', '#2A2E3A'); // internal-wp-secondary-600 (see windi.config.ts) - } else { - document.documentElement.classList.remove('dark'); - document.documentElement.classList.add('light'); - document.documentElement.setAttribute('data-theme', 'light'); - document.querySelector('meta[name=theme-color]')?.setAttribute('content', '#369943'); // internal-wp-primary-400 - } - }, - { immediate: true }, -); - -export function useDarkMode() { - return { - darkMode: isDarkModeActive, - }; -}