mirror of https://github.com/nocodb/nocodb
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
28 lines
690 B
28 lines
690 B
2 years ago
|
import type { MaybeRef } from '@vueuse/core'
|
||
|
|
import { unref } from '@vue/reactivity'
|
||
|
|
import { useNuxtApp } from '#app'
|
||
|
|
import theme from '~/utils/colorsUtils'
|
||
|
|
|
||
|
|
export default function useColors(darkMode?: MaybeRef<boolean>) {
|
||
|
|
let mode = $ref(unref(darkMode))
|
||
|
|
const { $state } = useNuxtApp()
|
||
|
|
|
||
|
|
if (!mode) mode = $state.value.darkMode
|
||
|
|
|
||
|
|
watch(
|
||
|
|
() => $state.value.darkMode,
|
||
|
|
(newMode) => {
|
||
|
|
mode = newMode
|
||
|
|
},
|
||
|
|
)
|
||
|
|
|
||
|
|
watchEffect(() => {
|
||
|
|
const newMode = unref(darkMode)
|
||
|
|
if (newMode) mode = newMode
|
||
|
|
})
|
||
|
|
|
||
|
|
const colors = computed(() => (mode ? theme.dark : theme.light))
|
||
|
|
|
||
|
|
return { colors, getColorByIndex: (i: number) => colors.value[i % colors.value.length] }
|
||
|
|
}
|