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.
27 lines
690 B
27 lines
690 B
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] } |
|
}
|
|
|