From 574e390be1021c78037a9bf2fb57bf431dfb04aa Mon Sep 17 00:00:00 2001 From: DJP Date: Tue, 9 Sep 2025 11:50:10 -0400 Subject: [PATCH] Update brand color from orange to yellow across entire application MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Change main brand color from #e6a335 to #ffc407 (new yellow) - Update hover/darker variant from #d1932b to #e6b006 - Update all RGBA color values to match new yellow (255, 196, 7) - Apply color changes across all components: - Navigation bar and branding - Buttons and interactive elements - Form inputs and focus states - Charts and data visualization - Status indicators and badges - Admin dashboard styling - Chat interface elements - Login and authentication pages Total updates: 40+ color references updated across 6 files 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude --- admin/src/App.vue | 2 +- admin/src/pages/Admin.vue | 44 +++++++++++++++++++-------------------- admin/src/pages/Chat.vue | 26 +++++++++++------------ admin/src/pages/Home.vue | 4 ++-- admin/src/pages/Login.vue | 6 +++--- admin/src/style.css | 10 ++++----- 6 files changed, 46 insertions(+), 46 deletions(-) diff --git a/admin/src/App.vue b/admin/src/App.vue index e2acd35..5feaec8 100644 --- a/admin/src/App.vue +++ b/admin/src/App.vue @@ -89,7 +89,7 @@ export default { justify-content: space-between; align-items: center; padding: 0.8rem 1.6rem; - background: #e6a335; + background: #ffc407; color: white; box-shadow: 0 2px 10px rgba(0,0,0,0.1); } diff --git a/admin/src/pages/Admin.vue b/admin/src/pages/Admin.vue index 6044a70..aa0517a 100644 --- a/admin/src/pages/Admin.vue +++ b/admin/src/pages/Admin.vue @@ -1398,8 +1398,8 @@ export default { { label: 'Conversations', data: trends.map(t => t.conversations), - borderColor: '#e6a335', - backgroundColor: 'rgba(230, 163, 53, 0.1)', + borderColor: '#ffc407', + backgroundColor: 'rgba(255, 196, 7, 0.1)', tension: 0.1 }, { @@ -1467,8 +1467,8 @@ export default { datasets: [{ label: 'Usage Count', data: agentTotals.map(a => a.total), - backgroundColor: '#e6a335', - borderColor: '#d1932b', + backgroundColor: '#ffc407', + borderColor: '#e6b006', borderWidth: 1 }] }, @@ -1585,7 +1585,7 @@ export default { } .tab-btn.active { - background: #e6a335; + background: #ffc407; color: white; } @@ -1594,7 +1594,7 @@ export default { } .tab-btn.active:hover { - background: #d1932b; + background: #e6b006; } .admin-tab { @@ -1778,8 +1778,8 @@ export default { .search-input:focus { outline: none; - border-color: #e6a335; - box-shadow: 0 0 0 3px rgba(230, 163, 53, 0.1); + border-color: #ffc407; + box-shadow: 0 0 0 3px rgba(255, 196, 7, 0.1); } .btn { @@ -1796,12 +1796,12 @@ export default { } .btn-primary { - background: #e6a335; + background: #ffc407; color: white; } .btn-primary:hover { - background: #d1932b; + background: #e6b006; } .btn-secondary { @@ -1820,12 +1820,12 @@ export default { .btn-outline { background: transparent; - color: #e6a335; - border: 1px solid #e6a335; + color: #ffc407; + border: 1px solid #ffc407; } .btn-outline:hover { - background: #e6a335; + background: #ffc407; color: white; } @@ -1976,8 +1976,8 @@ export default { .agent-search-input:focus { outline: none; - border-color: #e6a335; - box-shadow: 0 0 0 3px rgba(230, 163, 53, 0.1); + border-color: #ffc407; + box-shadow: 0 0 0 3px rgba(255, 196, 7, 0.1); } .agent-list { @@ -2142,7 +2142,7 @@ export default { .stat-card .stat-number { font-size: 1.6rem; font-weight: 700; - color: #e6a335; + color: #ffc407; margin: 0; } @@ -2266,7 +2266,7 @@ export default { .checkbox-label input[type="checkbox"] { width: 18px; height: 18px; - accent-color: #e6a335; + accent-color: #ffc407; } .agent-card .agent-meta .agent-type { @@ -2301,7 +2301,7 @@ export default { } .vector-store-card:hover { - border-color: #e6a335; + border-color: #ffc407; transform: translateY(-2px); } @@ -2381,7 +2381,7 @@ export default { } .drop-zone:hover { - border-color: #e6a335; + border-color: #ffc407; background: #fffbeb; } @@ -2470,7 +2470,7 @@ export default { .progress-fill { height: 100%; - background: #e6a335; + background: #ffc407; transition: width 0.3s ease; border-radius: 4px; } @@ -2509,8 +2509,8 @@ export default { .vector-store-select:focus { outline: none; - border-color: #e6a335; - box-shadow: 0 0 0 3px rgba(230, 163, 53, 0.1); + border-color: #ffc407; + box-shadow: 0 0 0 3px rgba(255, 196, 7, 0.1); } .vector-store-select option { diff --git a/admin/src/pages/Chat.vue b/admin/src/pages/Chat.vue index 0d14d22..c3c4163 100644 --- a/admin/src/pages/Chat.vue +++ b/admin/src/pages/Chat.vue @@ -790,7 +790,7 @@ export default { .new-chat-btn { padding: 0.5rem 1rem; - background: #e6a335; + background: #ffc407; color: white; border: none; border-radius: 6px; @@ -800,7 +800,7 @@ export default { } .new-chat-btn:hover { - background: #d1932b; + background: #e6b006; } @@ -823,12 +823,12 @@ export default { .conversation-item.active { background: #eef2ff; - border-right: 3px solid #e6a335; + border-right: 3px solid #ffc407; } .conversation-item.selected { background: #fef3cd; - border-left: 3px solid #e6a335; + border-left: 3px solid #ffc407; } .conversation-checkbox { @@ -954,8 +954,8 @@ export default { .agent-dropdown:focus { outline: none; - border-color: #e6a335; - box-shadow: 0 0 0 3px rgba(230, 163, 53, 0.1); + border-color: #ffc407; + box-shadow: 0 0 0 3px rgba(255, 196, 7, 0.1); } /* Keep old styles for backward compatibility */ @@ -1066,7 +1066,7 @@ export default { } .message.user .message-content { - background: #e6a335; + background: #ffc407; color: white; } @@ -1174,12 +1174,12 @@ export default { .chat-input-container textarea:focus { outline: none; - border-color: #e6a335; + border-color: #ffc407; } .send-button { padding: 1rem 1.5rem; - background: #e6a335; + background: #ffc407; color: white; border: none; border-radius: 12px; @@ -1190,7 +1190,7 @@ export default { .send-button:hover:not(:disabled) { transform: translateY(-1px); - box-shadow: 0 4px 12px rgba(230, 163, 53, 0.4); + box-shadow: 0 4px 12px rgba(255, 196, 7, 0.4); } .send-button:disabled { @@ -1265,7 +1265,7 @@ export default { } .upload-area.drag-over { - border-color: #e6a335; + border-color: #ffc407; background: #fef9f0; } @@ -1283,14 +1283,14 @@ export default { .upload-link { background: none; border: none; - color: #e6a335; + color: #ffc407; text-decoration: underline; cursor: pointer; font-size: inherit; } .upload-link:hover { - color: #d1932b; + color: #e6b006; } .uploaded-files { diff --git a/admin/src/pages/Home.vue b/admin/src/pages/Home.vue index 266d920..8767437 100644 --- a/admin/src/pages/Home.vue +++ b/admin/src/pages/Home.vue @@ -127,7 +127,7 @@ export default { .hero-title { font-size: 2.4rem; font-weight: 800; - color: #e6a335; + color: #ffc407; margin-bottom: 1rem; } @@ -229,7 +229,7 @@ export default { .stat-number { font-size: 1.6rem; font-weight: 700; - color: #e6a335; + color: #ffc407; margin-bottom: 0.25rem; } diff --git a/admin/src/pages/Login.vue b/admin/src/pages/Login.vue index 63e00ea..2809562 100644 --- a/admin/src/pages/Login.vue +++ b/admin/src/pages/Login.vue @@ -65,7 +65,7 @@ export default { display: flex; align-items: center; justify-content: center; - background: #e6a335; + background: #ffc407; padding: 2rem; } @@ -119,8 +119,8 @@ export default { } .user-button:hover { - border-color: #e6a335; - box-shadow: 0 4px 12px rgba(230, 163, 53, 0.2); + border-color: #ffc407; + box-shadow: 0 4px 12px rgba(255, 196, 7, 0.2); transform: translateY(-1px); } diff --git a/admin/src/style.css b/admin/src/style.css index 4e1185c..464f58b 100644 --- a/admin/src/style.css +++ b/admin/src/style.css @@ -56,13 +56,13 @@ body { } .btn-primary { - background: #e6a335; + background: #ffc407; color: white; } .btn-primary:hover { transform: translateY(-1px); - box-shadow: 0 4px 12px rgba(230, 163, 53, 0.4); + box-shadow: 0 4px 12px rgba(255, 196, 7, 0.4); } .btn-secondary { @@ -76,12 +76,12 @@ body { .btn-outline { background: transparent; - color: #e6a335; - border: 2px solid #e6a335; + color: #ffc407; + border: 2px solid #ffc407; } .btn-outline:hover { - background: #e6a335; + background: #ffc407; color: white; }