From 95ff0cbbc283988e4e36823731f71d32129a4e86 Mon Sep 17 00:00:00 2001
From: Baobhan Sith <80159437+Heavrnl@users.noreply.github.com>
Date: Thu, 24 Apr 2025 13:48:11 +0800
Subject: [PATCH] update

---
 .../src/components/StyleCustomizer.vue        | 18 ++++++++---------
 .../appearance/config/default-themes.ts       | 20 +++++++++----------
 2 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/packages/frontend/src/components/StyleCustomizer.vue b/packages/frontend/src/components/StyleCustomizer.vue
index 7987de7..b99e3ca 100644
--- a/packages/frontend/src/components/StyleCustomizer.vue
+++ b/packages/frontend/src/components/StyleCustomizer.vue
@@ -193,22 +193,22 @@ const darkModeTheme = {
   '--text-color': '#e9ecef',
   '--text-color-secondary': '#adb5bd',
   '--border-color': '#495057',
-  '--link-color': '#6cb2eb',
-  '--link-hover-color': '#91caff',
-  '--link-active-color': '#3498db',
-  '--link-active-bg-color': 'rgba(52, 152, 219, 0.2)',
+  '--link-color': '#BB86FC', // 现代紫色 - 亮 (Material Design Purple 200)
+  '--link-hover-color': '#D1A9FF', // 现代紫色 - 悬停 (更亮)
+  '--link-active-color': '#A06CD5', // 现代紫色 - 激活 (与默认主题一致)
+  '--link-active-bg-color': 'rgba(160, 108, 213, 0.2)', /* 现代紫色 - 激活背景 (暗模式) */
   '--nav-item-active-bg-color': 'var(--link-active-bg-color)',
   '--header-bg-color': '#343a40',
   '--footer-bg-color': '#343a40',
-  '--button-bg-color': 'var(--link-active-color)',
+  '--button-bg-color': 'var(--link-active-color)', // 自动更新
   '--button-text-color': '#ffffff',
-  '--button-hover-bg-color': '#2980b9',
+  '--button-hover-bg-color': '#8E44AD', // 现代紫色 - 悬停 (与默认主题一致)
   '--icon-color': 'var(--text-color-secondary)',
-  '--icon-hover-color': 'var(--link-hover-color)',
+  '--icon-hover-color': 'var(--link-hover-color)', // 自动更新
   '--split-line-color': 'var(--border-color)',
   '--split-line-hover-color': 'var(--border-color)',
-  '--input-focus-border-color': 'var(--link-active-color)',
-  '--input-focus-glow': 'var(--link-active-color)',
+  '--input-focus-border-color': 'var(--link-active-color)', // 自动更新
+  '--input-focus-glow': 'var(--link-active-color)', // 自动更新
   '--ssh-tab-active': 'transparent',
   '--ssh-tab-background': 'transparent',
   '--overlay-bg-color': 'rgba(0, 0, 0, 0.8)',
diff --git a/packages/frontend/src/features/appearance/config/default-themes.ts b/packages/frontend/src/features/appearance/config/default-themes.ts
index c058cba..0cdbb32 100644
--- a/packages/frontend/src/features/appearance/config/default-themes.ts
+++ b/packages/frontend/src/features/appearance/config/default-themes.ts
@@ -32,26 +32,26 @@ export const defaultUiTheme: Record<string, string> = {
   '--text-color': '#333333',
   '--text-color-secondary': '#666666',
   '--border-color': '#cccccc',
-  '--link-color': '#333333', // 修复：扩展为 #rrggbb
-  '--link-hover-color': '#0056b3',
-  '--link-active-color': '#007bff',
-  '--link-active-bg-color': '#e0e0ff', /* Added */
+  '--link-color': '#8E44AD', // 现代紫色 (Amethyst 变种)
+  '--link-hover-color': '#B180E0', // 现代紫色 - 悬停 (更亮)
+  '--link-active-color': '#A06CD5', // 现代紫色 - 激活 (基础)
+  '--link-active-bg-color': '#F3EBFB', /* 现代紫色 - 激活背景 (非常浅) */
   '--nav-item-active-bg-color': 'var(--link-active-bg-color)', /* Added */
   '--header-bg-color': '#f0f0f0',
   '--footer-bg-color': '#f0f0f0',
-  '--button-bg-color': '#007bff',
+  '--button-bg-color': '#A06CD5', // 现代紫色 - 激活 (基础)
   '--button-text-color': '#ffffff',
-  '--button-hover-bg-color': '#0056b3',
+  '--button-hover-bg-color': '#8E44AD', // 现代紫色 - 悬停 (稍暗)
   // Added new variables
   '--icon-color': 'var(--text-color-secondary)', // 图标颜色
-  '--icon-hover-color': 'var(--link-hover-color)', // 图标悬停颜色
+  '--icon-hover-color': 'var(--link-hover-color)', // 图标悬停颜色 (自动更新)
   '--split-line-color': 'var(--border-color)', /* 分割线颜色 */
   '--split-line-hover-color': 'var(--border-color)', /* 分割线悬停颜色 */
-  '--input-focus-border-color': 'var(--link-active-color)', /* 输入框聚焦边框颜色 */
-  '--input-focus-glow': 'var(--link-active-color)', /* 输入框聚焦光晕值 */
+  '--input-focus-border-color': 'var(--link-active-color)', /* 输入框聚焦边框颜色 (自动更新) */
+  '--input-focus-glow': 'var(--link-active-color)', /* 输入框聚焦光晕值 (自动更新) */
   '--ssh-tab-active': 'transparent', /* Added SSH Tab Active */
   '--ssh-tab-background': 'transparent', /* Added SSH Tab Background */
-  '--overlay-bg-color': '#000000', /* Added Overlay Background - 修复：改为 #rrggbb 格式 */
+  '--overlay-bg-color': 'rgba(0, 0, 0, 0.6)', /* Added Overlay Background - 恢复 rgba 以支持透明度 */
   // End added variables
   '--font-family-sans-serif': 'sans-serif',
   '--base-padding': '1rem',