From e7b91c36b40e8d026e20a1cbeb85a9153278706e Mon Sep 17 00:00:00 2001
From: Rhyheart <5621180+rhyheart@user.noreply.gitee.com>
Date: Fri, 21 Jul 2023 03:14:10 +0000
Subject: [PATCH] feat: improve dark style for wang-editor component

Signed-off-by: Rhyheart <5621180+rhyheart@user.noreply.gitee.com>
---
 src/styles/dark.scss | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/src/styles/dark.scss b/src/styles/dark.scss
index 1187e8f4..f95ad939 100644
--- a/src/styles/dark.scss
+++ b/src/styles/dark.scss
@@ -7,6 +7,23 @@ html.dark {
   --subMenuActiveText: var(--el-menu-active-color);
   --subMenuHover: rgb(0 0 0 / 20%);
 
+  // wang-editor toolbar
+  --w-e-toolbar-bg-color: var(--el-bg-color-overlay);
+  --w-e-toolbar-color: var(--el-text-color-regulary);
+  --w-e-toolbar-active-bg-color: var(--el-bg-color-page);
+  --w-e-toolbar-active-color: var(--el-color-info-dark-2);
+  --w-e-toolbar-disabled-color: var(--el-disabled-text-color);
+  --w-e-toolbar-border-color: var(--el-color-info-light-8);
+
+  // wang-editor textarea
+  --w-e-textarea-bg-color: var(--el-bg-color-overlay);
+  --w-e-textarea-color: var(--el-text-color-regulary);
+  --w-e-textarea-border-color: var(--el-color-info-light-5);
+
+  // // wang-editor modal
+  --w-e-modal-button-bg-color: var(--el-button-bg-color);
+  --w-e-modal-button-border-color: var(--el-color-info-light-3);
+
   .navbar {
     background-color: var(--el-bg-color);
 
-- 
Gitee