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 ===== */