feat: Watermark text color adapt system dark mode

flingyp · Oct 24, 2023 · 61cc00d · 61cc00d
1 parent 172331e
commit 61cc00d
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/src/views/features/Watermark.vue b/src/views/features/Watermark.vue
@@ -1,10 +1,19 @@
 <script setup lang="ts">
 import { Watermark } from '@pansy/vue-watermark'
 
-const { contentContainerHeight } = storeToRefs(useVAdmireConfigStore())
+const { contentContainerHeight, themeMode } = storeToRefs(useVAdmireConfigStore())
 
 const watermarkOptions = ref({
   text: 'VAdmire Admin',
+  fontColor: '#000',
+})
+
+watch(() => themeMode.value, (newVal) => {
+  if (newVal === 'LIGHT') {
+    watermarkOptions.value.fontColor = '#000'
+  } else {
+    watermarkOptions.value.fontColor = '#fff'
+  }
 })
 
 </script>