mirrors/it-tools
1
0
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2025-04-30 03:19:12 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

feat(enhancement): use system dark mode (#458)

Browse source 
* Use prefers-color-scheme

* Remove theme store
This commit is contained in:
Seb 2023-06-18 09:59:22 +01:00 • committed by GitHub
parent 1e2a35b892
commit cf7b1f000a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 8 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/stores/style.store.ts
View file

@ -1,10 +1,11 @@
import { useMediaQuery, useStorage } from '@vueuse/core';
import { useDark, useMediaQuery, useStorage, useToggle } from '@vueuse/core';
import { defineStore } from 'pinia';
import { type Ref, watch } from 'vue';
export const useStyleStore = defineStore('style', {
state: () => {
const isDarkTheme = useStorage('isDarkTheme', true) as Ref<boolean>;
const isDarkTheme = useDark();
const toggleDark = useToggle(isDarkTheme);
const isSmallScreen = useMediaQuery('(max-width: 700px)');
const isMenuCollapsed = useStorage('isMenuCollapsed', isSmallScreen.value) as Ref<boolean>;
@ -12,6 +13,7 @@ export const useStyleStore = defineStore('style', {
return {
isDarkTheme,
toggleDark,
isMenuCollapsed,
isSmallScreen,
};