fix: 修复暗色模式下部分显示问题

This commit is contained in:
zclzone
2023-02-12 12:10:26 +08:00
parent c58605de54
commit a4531be904
5 changed files with 19 additions and 5 deletions

View File

@@ -1,6 +1,6 @@
<template>
<AppPage>
<div h-full flex-col border-1 bc-ccc>
<div h-full flex-col border-1 bc-ccc dark:bg-dark>
<WangToolbar border-b bc-ccc :editor="editorRef" :default-config="toolbarConfig" mode="default" />
<WangEditor
v-model="valueHtml"
@@ -27,3 +27,15 @@ const handleCreated = (editor) => {
editorRef.value = editor
}
</script>
<style>
html.dark {
--w-e-textarea-bg-color: #333;
--w-e-textarea-color: #fff;
--w-e-toolbar-bg-color: #333;
--w-e-toolbar-color: #fff;
--w-e-toolbar-active-bg-color: #666;
--w-e-toolbar-active-color: #fff;
/* ...其他... */
}
</style>