From b0952c047b775a930deb7c8b2adb3f37e85b738f Mon Sep 17 00:00:00 2001
From: odanree <your-email@example.com>
Date: Fri, 7 Nov 2025 02:21:42 -0800
Subject: [PATCH] fix: update inline styles to WCAG AAA compliant colors

The previous fix (#39) only updated chat-widget.css, but the JavaScript
file (chat-widget.js) was using inline styles that override the CSS.
This fix updates all inline style declarations to use #0056b3 instead
of #007bff for WCAG AAA compliance.

Changes:
- Header background: #007bff -> #0056b3
- Send button background: #007bff -> #0056b3
- User message bubbles: #007bff -> #0056b3

Contrast ratio: 3.14:1 -> 5.89:1 (WCAG AAA pass)

Related: #39
---
 public/chat-widget.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/public/chat-widget.js b/public/chat-widget.js
index 0b5f765..066da5a 100644
--- a/public/chat-widget.js
+++ b/public/chat-widget.js
@@ -93,7 +93,7 @@
     header.className = 'ai-chatbot-header';
     header.style.cssText = `
       padding: 16px;
-      background: #007bff;
+      background: #0056b3;
       color: white;
       border-radius: 12px 12px 0 0;
       display: flex;
@@ -163,7 +163,7 @@
     sendBtn.type = 'submit';
     sendBtn.textContent = 'Send';
     sendBtn.style.cssText = `
-      background: #007bff;
+      background: #0056b3;
       color: white;
       border: none;
       border-radius: 6px;
@@ -260,7 +260,7 @@
       max-width: 75%;
       padding: 10px 14px;
       border-radius: 8px;
-      background: ${role === 'user' ? '#007bff' : '#f0f0f0'};
+      background: ${role === 'user' ? '#0056b3' : '#f0f0f0'};
       color: ${role === 'user' ? 'white' : 'black'};
       font-size: 14px;
       word-wrap: break-word;