Add Xcode theme and accent colors

Author: vipmax

anycode/hooks/useTheme.ts

@@ -64,7 +64,8 @@ export const useTheme = ({ wsRef, isConnected }: UseThemeParams) => {
             root.style.setProperty('--text-color', baseForeground);
             root.style.setProperty('--text-color-secondary', tabForeground);
             root.style.setProperty('--hover-bg', tabBackground);
-            root.style.setProperty('--user-message-bg', tabBackground);
+            root.style.setProperty('--user-message-bg', getThemeColor('accent.background', tabBackground));
+            root.style.setProperty('--user-message-fg', getThemeColor('accent.foreground', baseForeground));
 
             uiBackground = baseBackground;
             uiForeground = baseForeground;

themes/anycode.json

@@ -9,8 +9,8 @@
       "name": "anycode",
       "mode": "dark",
       "colors": {
-        "accent.background": "#171717b3",
-        "accent.foreground": "#fafafa",
+        "accent.background": "#555555",
+        "accent.foreground": "#ffffff",
         "accordion.background": "#242424",
         "background": "#242424",
         "border": "#4a4a4a",

themes/default-theme.json

@@ -9,8 +9,8 @@
       "name": "Vesper Dark",
       "mode": "dark",
       "colors": {
-        "accent.background": "#171717b3",
-        "accent.foreground": "#fafafa",
+        "accent.background": "#444444",
+        "accent.foreground": "#ffffff",
         "accordion.background": "#0a0a0a",
         "background": "#0a0a0a",
         "border": "#262626",