first commit

2025-04-22 10:56:56 +07:00
commit af123c091b
147 changed files with 778063 additions and 0 deletions
@@ -0,0 +1,60 @@
+<script setup lang="ts">
+import { mergeProps } from 'vue'
+import { useStorage } from '@vueuse/core'
+
+const theme = useTheme()
+const primary = useStorage('theme-primary', '#1697f6')
+const color = computed({
+  get() {
+    return theme.themes.value.light.colors.primary
+  },
+  set(val: string) {
+    primary.value = val
+    theme.themes.value.light.colors.primary = val
+    theme.themes.value.dark.colors.primary = val
+  },
+})
+const colors = [
+  ['#1697f6', '#ff9800'],
+  ['#4CAF50', '#FF5252'],
+  ['#9C27b0', '#E91E63'],
+  ['#304156', '#3f51b5'],
+  ['#002FA7', '#492d22'],
+]
+const menuShow = ref(false)
+</script>
+
+<template>
+  <v-menu
+    v-model="menuShow"
+    :close-on-content-click="false"
+    location="top right"
+    offset="15"
+  >
+    <template #activator="{ props: menu }">
+      <v-tooltip location="top" text="Theme Palette">
+        <template #activator="{ props: tooltip }">
+          <v-btn
+            icon="mdi-palette-outline"
+            v-bind="mergeProps(menu, tooltip)"
+            :rounded="0"
+          />
+        </template>
+      </v-tooltip>
+    </template>
+    <v-card width="320">
+      <v-card-text class="text-center">
+        <v-label class="mb-3"> Theme Palette </v-label>
+        <v-color-picker
+          v-model="color"
+          show-swatches
+          elevation="0"
+          width="288"
+          mode="rgb"
+          :modes="['rgb', 'hex', 'hsl']"
+          :swatches="colors"
+        />
+      </v-card-text>
+    </v-card>
+  </v-menu>
+</template>