From 5b581465aa4a05b742df295f2a8a4de7c74d6086 Mon Sep 17 00:00:00 2001 From: tim Date: Thu, 17 Jul 2025 13:01:54 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E5=A4=9C=E9=97=B4=E6=A8=A1=E5=BC=8F?= =?UTF-8?q?=E7=B2=BE=E4=BF=AE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- open-isle-cli/src/assets/global.css | 21 ++++++++++++++----- open-isle-cli/src/components/BaseInput.vue | 2 +- open-isle-cli/src/components/Dropdown.vue | 10 ++++----- open-isle-cli/src/components/DropdownMenu.vue | 2 +- open-isle-cli/src/components/PostEditor.vue | 10 ++------- open-isle-cli/src/views/AboutPageView.vue | 2 +- open-isle-cli/src/views/HomePageView.vue | 4 ++-- open-isle-cli/src/views/LoginPageView.vue | 8 +++---- open-isle-cli/src/views/MessagePageView.vue | 2 +- open-isle-cli/src/views/ProfileView.vue | 9 ++++---- open-isle-cli/src/views/SignupPageView.vue | 10 ++++----- 11 files changed, 42 insertions(+), 38 deletions(-) diff --git a/open-isle-cli/src/assets/global.css b/open-isle-cli/src/assets/global.css index 3c952f9ba..51442f406 100644 --- a/open-isle-cli/src/assets/global.css +++ b/open-isle-cli/src/assets/global.css @@ -9,10 +9,13 @@ --menu-background-color: white; --background-color: white; --menu-border-color: lightgray; + --normal-border-color: lightgray; --menu-selected-background-color: rgba(208, 250, 255, 0.659); --menu-text-color: black; --scroller-background-color: rgba(130, 175, 180, 0.5); --normal-background-color: rgb(241, 241, 241); + --login-background-color: rgb(241, 241, 241); + --login-background-color-hover: #e0e0e0; --text-color: black; --menu-width: 200px; --page-max-width: 1200px; @@ -22,13 +25,18 @@ [data-theme='dark'] { --header-background-color: #2b2b2b; --header-border-color: #555; + --primary-color: rgb(17, 182, 197); + --primary-color-hover: rgb(13, 137, 151); --header-text-color: white; --menu-background-color: #333; --background-color: #333; --menu-border-color: #555; + --normal-border-color: #555; --menu-selected-background-color: rgba(255, 255, 255, 0.1); --menu-text-color: white; - --normal-background-color: #121212; + --normal-background-color: #000000; + --login-background-color: #575757; + --login-background-color-hover: #717171; --text-color: #eee; --article-info-background-color: #747373; } @@ -46,19 +54,22 @@ body { /************************* * Vditor 自定义皮肤覆写 *************************/ -.vditor { - /* 去掉整体背景与边框，让它融入父容器 */ + +/* .vditor { --textarea-background-color: transparent; border: none !important; box-shadow: none !important; } -/* 工具栏彻底无边框、透明背景 */ +.vditor-reset { + color: var(--text-color); +} + .vditor-toolbar { background: transparent !important; border: none !important; box-shadow: none !important; -} +} */ /************************* * Markdown 渲染样式 diff --git a/open-isle-cli/src/components/BaseInput.vue b/open-isle-cli/src/components/BaseInput.vue index 6e1a76648..c596c86b6 100644 --- a/open-isle-cli/src/components/BaseInput.vue +++ b/open-isle-cli/src/components/BaseInput.vue @@ -57,7 +57,7 @@ export default { width: calc(100% - 40px); padding: 15px 20px; border-radius: 10px; - border: 1px solid #ccc; + border: 1px solid var(--normal-border-color); gap: 10px; } diff --git a/open-isle-cli/src/components/Dropdown.vue b/open-isle-cli/src/components/Dropdown.vue index 54e80e57d..2eac4fbb4 100644 --- a/open-isle-cli/src/components/Dropdown.vue +++ b/open-isle-cli/src/components/Dropdown.vue @@ -213,7 +213,7 @@ export default { } .dropdown-display { - border: 1px solid #ccc; + border: 1px solid var(--normal-border-color); border-radius: 5px; padding: 5px 10px; cursor: pointer; @@ -233,7 +233,7 @@ export default { left: 0; right: 0; background: var(--background-color); - border: 1px solid #ccc; + border: 1px solid var(--normal-border-color); z-index: 10; max-height: 200px; min-width: 350px; @@ -251,7 +251,7 @@ export default { display: flex; align-items: center; padding: 5px; - border-bottom: 1px solid #eee; + border-bottom: 1px solid var(--normal-border-color); } .dropdown-search input { @@ -272,11 +272,11 @@ export default { } .dropdown-option.selected { - background-color: #f5f5f5; + background-color: var(--menu-selected-background-color); } .dropdown-option:hover { - background-color: #f5f5f5; + background-color: var(--menu-selected-background-color); } .option-icon { diff --git a/open-isle-cli/src/components/DropdownMenu.vue b/open-isle-cli/src/components/DropdownMenu.vue index 3267dd359..13ac1ca0c 100644 --- a/open-isle-cli/src/components/DropdownMenu.vue +++ b/open-isle-cli/src/components/DropdownMenu.vue @@ -72,7 +72,7 @@ export default { top: 100%; right: 0; background-color: var(--menu-background-color); - border: 1px solid #ddd; + border: 1px solid var(--normal-border-color); border-radius: 4px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); z-index: 10; diff --git a/open-isle-cli/src/components/PostEditor.vue b/open-isle-cli/src/components/PostEditor.vue index 555fcdfb4..25ad8432b 100644 --- a/open-isle-cli/src/components/PostEditor.vue +++ b/open-isle-cli/src/components/PostEditor.vue @@ -77,12 +77,6 @@ export default { vditorInstance.value = new Vditor(props.editorId, { placeholder: '请输入正文...', height: 450, - theme: 'classic', - preview: { - theme: { current: 'light' }, - actions: [], - markdown: { toc: false } - }, toolbar: [ 'emoji', 'bold', @@ -148,7 +142,7 @@ export default {