feat: add dark theme support with CSS custom properties and Naive UI integration

Implement runtime theme switching using CSS custom properties delegated through SCSS variables, with light/dark/system modes, FOUC prevention, sidebar toggle, and settings selector. Add theme-aware video assets for sidebar and chat thinking indicator. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-04-16 23:13:04 +08:00
parent 076a7c2a38
commit b5aeb876b8
32 changed files with 465 additions and 126 deletions
@@ -91,7 +91,11 @@ watch(currentToolCalls, scrollToBottom)
  display: flex;
  flex-direction: column;
  gap: 16px;
-  background-color: #ffffff;
+  background-color: $bg-card;
+
+  .dark & {
+    background-color: #333333;
+  }
 }

 .empty-state {