fix(admin): make popups and overlays respect light theme

Replace hardcoded dark modal, menu, toast, and lightbox colors with theme CSS variables so text stays readable in light mode.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
oliver 2026-07-14 15:29:21 +08:00
parent 30202dd291
commit ad1b95d0bc
6 changed files with 122 additions and 54 deletions

View file

@ -329,7 +329,7 @@ input[type="checkbox"]:checked::before,
position: fixed;
inset: 0;
z-index: 320;
background: rgba(0, 0, 0, 0.58);
background: var(--ds-overlay-bg, rgba(0, 0, 0, 0.58));
align-items: center;
justify-content: center;
padding: 16px;
@ -387,7 +387,7 @@ input[type="checkbox"]:checked::before,
box-shadow: none;
}
.chat-sess-more:hover {
background: rgba(255, 255, 255, 0.06);
background: var(--ds-menu-hover-bg, rgba(255, 255, 255, 0.06));
}
.chat-sess-more:focus {
outline: none;
@ -405,12 +405,13 @@ input[type="checkbox"]:checked::before,
}
.chat-sess-menu-pop {
z-index: 300;
background: #222;
border: 1px solid rgba(255, 255, 255, 0.12);
background: var(--ds-panel, var(--ds-surface, #222));
border: 1px solid var(--ds-border, rgba(255, 255, 255, 0.12));
border-radius: 10px;
padding: 4px;
min-width: 11rem;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
box-shadow: var(--ds-pop-shadow, 0 8px 24px rgba(0, 0, 0, 0.45));
color: var(--ds-text, inherit);
}
.chat-sess-menu-item {
display: block;
@ -425,7 +426,7 @@ input[type="checkbox"]:checked::before,
font-size: 13px;
}
.chat-sess-menu-item:hover {
background: rgba(255, 255, 255, 0.06);
background: var(--ds-menu-hover-bg, rgba(255, 255, 255, 0.06));
}
.table--resizable thead th {