dark mode 🎁

imrofayel · Dec 24, 2024 · 059e387 · 059e387
1 parent 2f4d918
commit 059e387
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 3 deletions.
diff --git a/components/editor.vue b/components/editor.vue
@@ -576,7 +576,7 @@ onMounted(() => {
 
     editorProps: {
       attributes: {
-        class: 'dark:text-white/90 p-6 leading-loose py-2 !text-[#393939] text-[19px] min-h-[150px] w-full h-full overflow-auto border-none bg-transparent placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 !opacity-100 geist',
+        class: 'dark:text-white/90 p-6 leading-loose py-2 text-[19px] min-h-[150px] w-full h-full overflow-auto border-none bg-transparent placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 !opacity-100 geist',
       },
     },
     extensions: [

diff --git a/components/ui/bottomSheet.vue b/components/ui/bottomSheet.vue
@@ -160,7 +160,7 @@ const emit = defineEmits(['close'])
 const selectedFont = ref('')
 const searchQuery = ref('')
 const colorPicker = ref(null)
-const currentColor = ref('#000000')
+const currentColor = computed(() => useColorMode().value === 'dark' ? '#FFFFFF' : '#000000')
 
 const fonts = [
   'Geist',
@@ -223,7 +223,6 @@ const updateColor = (event) => {
 }
 
 const resetColor = () => {
-  currentColor.value = '#000000'
   props.editor.chain().focus().unsetColor().run()
 }