From cb5b3f7835bed04bdb7b46857a0199cecf2ebdb6 Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Sat, 31 May 2025 09:41:46 +0000
Subject: [PATCH] feat: Implement chat interface color customization

This commit introduces new UI settings to control the colors of various chat interface elements.

Key changes:

- Added new state variables and actions to `ui/src/stores/useUi.js` for:
    - Agent message color (`chatAgentMessageColor`)
    - Own message color (`chatOwnMessageColor`)
    - Input box color (`chatInputBoxColor`)
    - Accent color (`chatAccentColor`)
    - Background color (`chatBackgroundColor`)
- These settings are persisted in local storage.
- Added a new "Chat Interface Colors" section in `ui/src/views/SettingsView.vue` with color pickers for each new setting.
- Modified `ui/src/components/chat/CanvasChat.vue` to use these new color settings via CSS custom properties. The chat elements (agent messages, own messages, input box, send button, background) now reflect your configured colors.

The changes have been tested to ensure that colors are applied correctly, persist across sessions, and do not conflict with existing theme settings.