Update brand color from orange to yellow across entire application
- 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 <noreply@anthropic.com>
This commit is contained in:
DJP
parent
2b71c0efd4
commit
574e390be1
6 changed files with 46 additions and 46 deletions
|
|
@ -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);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue