feat(utils): Add color utils

src/components/SizeDropdown/src/SizeDropdown.vue

@@ -2,7 +2,6 @@
 import { computed } from 'vue'
 import { ElDropdown, ElDropdownMenu, ElDropdownItem } from 'element-plus'
 import { useAppStore } from '@/store/modules/app'
-import { useCssVar } from '@vueuse/core'
 import { useI18n } from '@/hooks/web/useI18n'
 const { t } = useI18n()
 
@@ -10,8 +9,6 @@ const appStore = useAppStore()
 
 const sizeMap = computed(() => appStore.sizeMap)
 
-const textColor = useCssVar('--el-text-color-primary', document.documentElement)
-
 function setSize(size: ElememtPlusSzie) {
   appStore.setSize(size)
 }
@@ -19,7 +16,7 @@ function setSize(size: ElememtPlusSzie) {
 
 <template>
   <ElDropdown trigger="click" @command="setSize">
-    <Icon icon="mdi:format-size" :color="textColor" class="cursor-pointer" />
+    <Icon icon="mdi:format-size" color="var(--el-text-color-primary)" class="cursor-pointer" />
     <template #dropdown>
       <ElDropdownMenu>
         <ElDropdownItem v-for="item in sizeMap" :key="item" :command="item">