feat: Update color handling in views and improve background theming

Author: kroonen

Sources/Color+Theme.swift

@@ -9,58 +9,74 @@ import SwiftUI
 
 extension Color {
     struct Theme {
-        /// A soft, paper-like gradient for light mode,
-        /// and a darker gradient for dark mode.
+
+        /// Primary background gradient
         static func primaryGradient(isDarkMode: Bool) -> LinearGradient {
             isDarkMode
+                // A near-black gradient with slight variation
                 ? LinearGradient(
-                    colors: [Color(hex: "2D2438"), Color(hex: "1A1B2E")],
+                    colors: [
+                        Color(hex: "111111"),
+                        Color(hex: "1A1A1A")
+                    ],
                     startPoint: .topLeading,
                     endPoint: .bottomTrailing
                   )
                 : LinearGradient(
-                    // Subtle, near-white tones with a hint of lavender
+                    // Light/paper-like for normal mode
                     colors: [Color(hex: "F7F5FC"), Color(hex: "FEFEFF")],
                     startPoint: .topLeading,
                     endPoint: .bottomTrailing
                   )
         }
 
-        /// The background for chat bubbles or panels.
-        /// Light mode is a clean, paper-like white with slight opacity,
-        /// while dark mode uses a semi-opaque gray.
-        static func bubbleBackground(isDarkMode: Bool) -> Color {
-            isDarkMode
-                ? Color(hex: "2A2A2A").opacity(0.7)
-                : Color.white.opacity(0.9)
+        /// Chat bubble background
+        /// For dark mode: user bubbles get a richer purple or dark gray,
+        /// assistant bubbles get a simpler dark gray.
+        static func bubbleBackground(isDarkMode: Bool, isUser: Bool) -> Color {
+            guard isDarkMode else {
+                return Color.white.opacity(0.9) // paper-like in light mode
+            }
+            // In dark mode:
+            if isUser {
+                // A subtle purple-tinted dark color for the user bubble
+                return Color(hex: "292137") // tweak to preference (hint of purple)
+            } else {
+                // A neutral dark gray for assistant
+                return Color(hex: "1E1E1E")
+            }
         }
 
-        /// Primary text color. Lighter gray in dark mode, deep charcoal in light mode.
+        /// Primary text color
         static func textPrimary(isDarkMode: Bool) -> Color {
             isDarkMode
-                ? Color(hex: "E1E1E1")
-                : Color(hex: "2A2A2A")  // a soft black for paper-like contrast
+                ? Color(hex: "E5E5E5") // softer white to reduce glare
+                : Color(hex: "2A2A2A")
         }
 
-        /// Secondary text color. Dimmer in dark mode, mid-gray in light mode.
+        /// Secondary text color
         static func textSecondary(isDarkMode: Bool) -> Color {
             isDarkMode
                 ? Color(hex: "A0A0A0")
                 : Color(hex: "707070")
         }
 
-        /// A refined purple gradient for Ophelia’s accent highlights,
-        /// leaning toward elegance in both modes.
+        /// Ophelia’s accent gradient (buttons, highlights, etc.)
         static func accentGradient(isDarkMode: Bool) -> LinearGradient {
             isDarkMode
                 ? LinearGradient(
-                    colors: [Color(hex: "B389FF"), Color(hex: "7E3CE2")],
-                    startPoint: .leading,
-                    endPoint: .trailing
+                    colors: [
+                        Color(hex: "9B6BD1"),
+                        Color(hex: "6B3EA6")
+                    ],
+                    startPoint: .topLeading,
+                    endPoint: .bottomTrailing
                   )
                 : LinearGradient(
-                    // Soft, sophisticated purples for a regal look
-                    colors: [Color(hex: "CAB2F2"), Color(hex: "8A2BE2")],
+                    colors: [
+                        Color(hex: "CAB2F2"),
+                        Color(hex: "8A2BE2")
+                    ],
                     startPoint: .leading,
                     endPoint: .trailing
                   )
@@ -74,23 +90,22 @@ extension Color {
         Scanner(string: hexValue).scanHexInt64(&int)
         let a, r, g, b: UInt64
         switch hexValue.count {
-        case 3: // RGB (12-bit)
+        case 3:
             (a, r, g, b) = (255, (int >> 8) * 17,
                             (int >> 4 & 0xF) * 17,
                             (int & 0xF) * 17)
-        case 6: // RGB (24-bit)
+        case 6:
             (a, r, g, b) = (255, int >> 16,
                             int >> 8 & 0xFF,
                             int & 0xFF)
-        case 8: // ARGB (32-bit)
+        case 8:
             (a, r, g, b) = ((int >> 24) & 0xFF,
                             (int >> 16) & 0xFF,
                             (int >> 8) & 0xFF,
                             int & 0xFF)
         default:
             (a, r, g, b) = (255, 0, 0, 0)
         }
-
         self.init(
             .sRGB,
             red:   Double(r) / 255,