From 7987c24e26f0eeb9c6f6607ab5832d0a62ee65f4 Mon Sep 17 00:00:00 2001
From: yumoqing <yumoqing@gmail.com>
Date: Tue, 26 May 2026 23:44:14 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=AE=8C=E5=96=84shell=5Ftheme.css?=
 =?UTF-8?q?=E6=B7=B1=E8=89=B2/=E6=B5=85=E8=89=B2=E4=B8=BB=E9=A2=98CRUD?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E8=A6=86=E7=9B=96(tabular/popup/form/accordi?=
 =?UTF-8?q?on=E7=AD=89)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 wwwroot/shell_theme.css | 339 ++++++++++++++++++++++++++++++++++++++--
 1 file changed, 329 insertions(+), 10 deletions(-)

diff --git a/wwwroot/shell_theme.css b/wwwroot/shell_theme.css
index d526792..515d39d 100644
--- a/wwwroot/shell_theme.css
+++ b/wwwroot/shell_theme.css
@@ -323,36 +323,355 @@ body {
 /* ===== DataViewer Overrides for theme ===== */
 [data-theme="dark"] .dataviewer-toolbar,
 [data-theme="dark"] .tabular,
-[data-theme="dark"] .data-row {
-  background-color: var(--sage-bg-card);
+[data-theme="dark"] .data-row,
+[data-theme="dark"] body {
+  background-color: var(--sage-bg-primary);
   color: var(--sage-text-primary);
 }
 
-[data-theme="dark"] .tabular th {
+[data-theme="dark"] .tabular-header-row {
   background-color: var(--sage-bg-secondary);
   color: var(--sage-text-secondary);
   border-color: var(--sage-border-primary);
 }
 
-[data-theme="dark"] .tabular td {
-  border-color: var(--sage-border-weak);
+[data-theme="dark"] .tabular-row {
+  color: var(--sage-text-primary);
 }
 
-[data-theme="light"] .dataviewer-toolbar,
-[data-theme="light"] .tabular,
-[data-theme="light"] .data-row {
+[data-theme="dark"] .tabular-row:nth-child(odd) {
+  background-color: var(--sage-bg-card);
+}
+
+[data-theme="dark"] .tabular-row:nth-child(even) {
+  background-color: var(--sage-bg-secondary);
+}
+
+[data-theme="dark"] .tabular-row-selected {
+  color: var(--sage-brand);
+}
+
+[data-theme="dark"] .tabular-cell {
+  border-color: var(--sage-border-weak);
+  color: var(--sage-text-primary);
+}
+
+[data-theme="dark"] .popup,
+[data-theme="dark"] .modal,
+[data-theme="dark"] .message {
+  background-color: var(--sage-bg-card);
+  color: var(--sage-text-primary);
+  border-color: var(--sage-border-primary);
+}
+
+[data-theme="dark"] .titlebar {
+  background-color: var(--sage-bg-secondary);
+}
+
+[data-theme="dark"] .inputbox {
+  background-color: var(--sage-bg-input);
+  color: var(--sage-text-primary);
+  border-color: var(--sage-border-primary);
+}
+
+[data-theme="dark"] .htoolbar,
+[data-theme="dark"] .vtoolbar {
+  background-color: var(--sage-bg-toolbar);
+  border-color: var(--sage-border-primary);
+}
+
+[data-theme="dark"] .accordion-item {
+  border-color: var(--sage-border-primary);
+}
+
+[data-theme="dark"] .accordion-item:nth-child(odd) {
+  background-color: var(--sage-bg-card);
+}
+
+[data-theme="dark"] .accordion-item:nth-child(even) {
+  background-color: var(--sage-bg-secondary);
+}
+
+[data-theme="dark"] .accordion-item-header {
+  background-color: var(--sage-bg-secondary);
+}
+
+[data-theme="dark"] .accordion-item-info {
+  background-color: var(--sage-bg-card);
+}
+
+[data-theme="dark"] .accordion-item-selected {
+  background-color: var(--sage-bg-hover);
+}
+
+[data-theme="dark"] .accordion-item-info-selected {
+  background-color: var(--sage-bg-hover);
+}
+
+[data-theme="dark"] .card {
+  background-color: var(--sage-bg-card);
+  border-color: var(--sage-border-primary);
+}
+
+[data-theme="dark"] .subcard {
+  background-color: var(--sage-bg-secondary);
+}
+
+[data-theme="dark"] .curpos {
+  background-color: var(--sage-bg-hover);
+}
+
+[data-theme="dark"] .selected {
+  background-color: var(--sage-bg-hover);
+}
+
+[data-theme="dark"] .tabpanel {
+  background-color: var(--sage-bg-card);
+  border-color: var(--sage-border-primary);
+}
+
+[data-theme="dark"] .tabpanel-content {
+  background-color: var(--sage-bg-secondary);
+  border-color: var(--sage-border-primary);
+}
+
+[data-theme="dark"] .toolbar-button {
+  border-color: var(--sage-border-primary);
+}
+
+[data-theme="dark"] .toolbar-button-active {
+  background-color: var(--sage-bg-hover);
+}
+
+[data-theme="dark"] .auto-textarea {
+  background-color: var(--sage-bg-input);
+  color: var(--sage-text-primary);
+  border-color: var(--sage-border-primary);
+}
+
+[data-theme="dark"] .droparea {
+  border-color: var(--sage-border-primary);
+  color: var(--sage-text-secondary);
+}
+
+[data-theme="dark"] .droparea:hover {
+  border-color: var(--sage-brand);
+  color: var(--sage-brand);
+  background: var(--sage-bg-hover);
+}
+
+[data-theme="dark"] .thinking-content {
+  background-color: var(--sage-bg-secondary);
+}
+
+[data-theme="dark"] .resp-error {
+  background-color: rgba(239, 68, 68, 0.15);
+  color: var(--sage-danger);
+}
+
+[data-theme="dark"] .resp-content {
   background-color: var(--sage-bg-card);
   color: var(--sage-text-primary);
 }
 
-[data-theme="light"] .tabular th {
+[data-theme="dark"] .llm_title {
+  background-color: var(--sage-bg-hover);
+}
+
+[data-theme="dark"] .progress-container {
+  background-color: var(--sage-bg-secondary);
+}
+
+[data-theme="dark"] pre {
+  background-color: var(--sage-bg-secondary);
+  color: var(--sage-text-primary);
+}
+
+[data-theme="dark"] .llm_msg {
+  background-color: var(--sage-bg-card);
+  color: var(--sage-text-primary);
+  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
+}
+
+[data-theme="dark"] .user_msg {
+  background-color: var(--sage-bg-hover);
+  color: var(--sage-text-primary);
+}
+
+[data-theme="light"] .dataviewer-toolbar,
+[data-theme="light"] .tabular,
+[data-theme="light"] .data-row,
+[data-theme="light"] body {
+  background-color: var(--sage-bg-card);
+  color: var(--sage-text-primary);
+}
+
+[data-theme="light"] .tabular-header-row {
   background-color: var(--sage-bg-hover);
   color: var(--sage-text-secondary);
   border-color: var(--sage-border-primary);
 }
 
-[data-theme="light"] .tabular td {
+[data-theme="light"] .tabular-row {
+  color: var(--sage-text-primary);
+}
+
+[data-theme="light"] .tabular-row:nth-child(odd) {
+  background-color: #f9fafb;
+}
+
+[data-theme="light"] .tabular-row:nth-child(even) {
+  background-color: var(--sage-bg-card);
+}
+
+[data-theme="light"] .tabular-row-selected {
+  color: var(--sage-brand-hover);
+}
+
+[data-theme="light"] .tabular-cell {
   border-color: var(--sage-border-weak);
+  color: var(--sage-text-primary);
+}
+
+[data-theme="light"] .popup,
+[data-theme="light"] .modal,
+[data-theme="light"] .message {
+  background-color: var(--sage-bg-card);
+  color: var(--sage-text-primary);
+  border-color: var(--sage-border-primary);
+}
+
+[data-theme="light"] .titlebar {
+  background-color: var(--sage-bg-secondary);
+}
+
+[data-theme="light"] .inputbox {
+  background-color: var(--sage-bg-input);
+  color: var(--sage-text-primary);
+  border-color: var(--sage-border-primary);
+}
+
+[data-theme="light"] .htoolbar,
+[data-theme="light"] .vtoolbar {
+  background-color: var(--sage-bg-toolbar);
+  border-color: var(--sage-border-primary);
+}
+
+[data-theme="light"] .accordion-item {
+  border-color: var(--sage-border-primary);
+}
+
+[data-theme="light"] .accordion-item:nth-child(odd) {
+  background-color: var(--sage-bg-card);
+}
+
+[data-theme="light"] .accordion-item:nth-child(even) {
+  background-color: #f9fafb;
+}
+
+[data-theme="light"] .accordion-item-header {
+  background-color: var(--sage-bg-hover);
+}
+
+[data-theme="light"] .accordion-item-info {
+  background-color: var(--sage-bg-card);
+}
+
+[data-theme="light"] .accordion-item-selected {
+  background-color: var(--sage-bg-hover);
+}
+
+[data-theme="light"] .accordion-item-info-selected {
+  background-color: var(--sage-bg-hover);
+}
+
+[data-theme="light"] .card {
+  background-color: var(--sage-bg-card);
+  border-color: var(--sage-border-primary);
+}
+
+[data-theme="light"] .subcard {
+  background-color: #f9fafb;
+}
+
+[data-theme="light"] .curpos {
+  background-color: var(--sage-bg-hover);
+}
+
+[data-theme="light"] .selected {
+  background-color: var(--sage-bg-hover);
+}
+
+[data-theme="light"] .tabpanel {
+  background-color: var(--sage-bg-card);
+  border-color: var(--sage-border-primary);
+}
+
+[data-theme="light"] .tabpanel-content {
+  background-color: var(--sage-bg-secondary);
+  border-color: var(--sage-border-primary);
+}
+
+[data-theme="light"] .toolbar-button {
+  border-color: var(--sage-border-primary);
+}
+
+[data-theme="light"] .toolbar-button-active {
+  background-color: var(--sage-bg-hover);
+}
+
+[data-theme="light"] .auto-textarea {
+  background-color: var(--sage-bg-input);
+  color: var(--sage-text-primary);
+  border-color: var(--sage-border-primary);
+}
+
+[data-theme="light"] .droparea {
+  border-color: var(--sage-border-primary);
+  color: var(--sage-text-secondary);
+}
+
+[data-theme="light"] .droparea:hover {
+  border-color: var(--sage-brand);
+  color: var(--sage-brand);
+  background: var(--sage-bg-hover);
+}
+
+[data-theme="light"] .thinking-content {
+  background-color: var(--sage-bg-secondary);
+}
+
+[data-theme="light"] .resp-error {
+  background-color: rgba(239, 68, 68, 0.1);
+  color: var(--sage-danger);
+}
+
+[data-theme="light"] .resp-content {
+  background-color: var(--sage-bg-card);
+  color: var(--sage-text-primary);
+}
+
+[data-theme="light"] .llm_title {
+  background-color: var(--sage-bg-hover);
+}
+
+[data-theme="light"] .progress-container {
+  background-color: var(--sage-bg-hover);
+}
+
+[data-theme="light"] pre {
+  background-color: var(--sage-bg-secondary);
+  color: var(--sage-text-primary);
+}
+
+[data-theme="light"] .llm_msg {
+  background-color: var(--sage-bg-card);
+  color: var(--sage-text-primary);
+}
+
+[data-theme="light"] .user_msg {
+  background-color: var(--sage-bg-hover);
+  color: var(--sage-text-primary);
 }
 
 /* ===== Menu Overrides ===== */