JOJO/agent-Specialization
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix(ui): refine dark mode menu highlights

Browse Source
This commit is contained in:
JOJO 2026-05-29 00:20:31 +08:00
parent bed194386a
commit 8da51b3b68
3 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
static/src/components/personalization/PersonalizationDrawer.vue
View File

@ -2065,6 +2065,8 @@ const applyThemeOption = async (theme: ThemeKey) => {
--settings-floating-menu-bg: #ffffff; --settings-floating-menu-bg: #ffffff;
--settings-floating-menu-hover: rgba(0, 0, 0, 0.055); --settings-floating-menu-hover: rgba(0, 0, 0, 0.055);
--settings-floating-menu-shadow: none; --settings-floating-menu-shadow: none;
--settings-tab-hover-bg: var(--theme-tab-active, rgba(0, 0, 0, 0.055));
--settings-tab-active-bg: var(--theme-tab-active, rgba(0, 0, 0, 0.078));
position: relative; position: relative;
width: min(70vw, calc(100vw - 24px)); width: min(70vw, calc(100vw - 24px));
height: min(80vh, calc(100vh - 24px)); height: min(80vh, calc(100vh - 24px));
@ -2081,6 +2083,8 @@ const applyThemeOption = async (theme: ThemeKey) => {
--settings-floating-menu-bg: #1a1a1a; --settings-floating-menu-bg: #1a1a1a;
--settings-floating-menu-hover: rgba(255, 255, 255, 0.08); --settings-floating-menu-hover: rgba(255, 255, 255, 0.08);
--settings-floating-menu-shadow: none; --settings-floating-menu-shadow: none;
--settings-tab-hover-bg: rgba(255, 255, 255, 0.078);
--settings-tab-active-bg: rgba(255, 255, 255, 0.078);
} }
.settings-close-button { .settings-close-button {
@ -2158,11 +2162,11 @@ const applyThemeOption = async (theme: ThemeKey) => {
} }
.settings-redesign-tab:hover { .settings-redesign-tab:hover {
background: var(--theme-hover-bg, rgba(0, 0, 0, 0.055)); background: var(--settings-tab-hover-bg);
} }
.settings-redesign-tab.active { .settings-redesign-tab.active {
background: var(--theme-active-bg, rgba(0, 0, 0, 0.078)); background: var(--settings-tab-active-bg);
font-weight: 640; font-weight: 640;
} }

6
static/src/styles/components/chat/_chat-area.scss
View File

@ -264,7 +264,7 @@
top: 48px; top: 48px;
left: 16px; left: 16px;
display: grid; display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); grid-template-columns: minmax(0, 1.35fr) minmax(160px, 0.65fr);
gap: 12px; gap: 12px;
padding: 12px; padding: 12px;
border-radius: 14px; border-radius: 14px;
@ -272,7 +272,8 @@
box-shadow: none; box-shadow: none;
backdrop-filter: blur(8px); backdrop-filter: blur(8px);
pointer-events: auto; pointer-events: auto;
min-width: 480px; width: min(640px, calc(100vw - 32px));
max-width: calc(100vw - 32px);
z-index: 50; z-index: 50;
} }
@ -281,6 +282,7 @@
top: 52px; top: 52px;
left: 12px; left: 12px;
right: auto; right: auto;
width: min(480px, calc(100vw - 24px));
min-width: 0; min-width: 0;
max-width: min(480px, calc(100vw - 24px)); max-width: min(480px, calc(100vw - 24px));
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;

2
static/src/styles/components/overlays/_overlays.scss
View File

@ -3290,7 +3290,7 @@ body[data-theme='dark'] {
/* 模型选择下拉菜单 - 和输入栏一样的底色 */ /* 模型选择下拉菜单 - 和输入栏一样的底色 */
.model-mode-dropdown { .model-mode-dropdown {
background: #2a2a2a !important; background: #2a2a2a !important;
box-shadow: 0 18px 48px rgba(0, 0, 0, 0.5) !important; box-shadow: none !important;
} }
.dropdown-title { .dropdown-title {