Merge pull request 'add dark mode for editor' (#47) from dev-manhph1-figbug into dev

Reviewed-on: #47
This commit is contained in:
dev
2025-08-07 18:15:02 +09:00
3 changed files with 491 additions and 12 deletions

View File

@ -88,7 +88,8 @@
</v-text-field>
</v-col>
<v-col :cols="12" style="min-height: calc(100vh - 450px);">
<editor ref="tuiEditor" height="100%" initialEditType="wysiwyg" />
<editor ref="tuiEditor" height="100%" initialEditType="wysiwyg"
:class="[isDarkMode ? 'toastui-editor-dark' : 'toastui-editor-light']"/>
</v-col>
<v-col :cols="6" class="mt-5">
@ -134,7 +135,8 @@
</v-text-field>
</v-col>
<v-col :cols="12" style="height: calc(100vh - 270px);" class="mt-2">
<editor ref="tuiReplyEditor" height="100%" initialEditType="wysiwyg" />
<editor ref="tuiReplyEditor" height="100%" initialEditType="wysiwyg"
:class="[isDarkMode ? 'toastui-editor-dark' : 'toastui-editor-light']"/>
</v-col>
<v-col :cols="6" class="mt-5">
<v-card-title class="custom-title-7 pa-0">파일첨부</v-card-title>
@ -181,7 +183,8 @@
</v-col>
<v-col :cols="12" style="height: calc(90vh - 270px);" class="mt-4">
<editor ref="tuiUpdateEditor" height="100%" initialEditType="wysiwyg"
:initialValue="updateActionData.content" />
:initialValue="updateActionData.content"
:class="[isDarkMode ? 'toastui-editor-dark' : 'toastui-editor-light']"/>
</v-col>
<v-col :cols="6" class="mt-5">
<v-card-title class="custom-title-7 pa-0">파일첨부</v-card-title>
@ -1077,7 +1080,7 @@ const defaultData = {
color: #1677FF
}
.toastui-editor-mode-switch .tab-item {
.toastui-editor-light .toastui-editor-mode-switch .tab-item {
color: #000000E0
}