chihlasm/resolutionflow
1
0
Fork 0
Code Issues 23 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

feat: replace hardcoded orange hex values with blue equivalents

Browse Source 
BrandLogo gradient, EmptyStateIllustrations SVGs, categoryColors,
landing page, brand SVG assets, and all remaining files.
Warning #eab308 → #fbbf24 (amber). categoryColors deduped.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
chihlasm
2026-03-29 16:20:52 +00:00
parent 61c410e366
commit 1152b023bf
32 changed files with 118 additions and 118 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/pages/FlowPilotAnalyticsPage.tsx
View File

@@ -217,7 +217,7 @@ export default function FlowPilotAnalyticsPage() {
icon={BarChart3}
label="Total Sessions"
value={dashboard.total_sessions}
iconColor="#f97316"
iconColor="#60a5fa"
/>
<MetricCard
icon={CheckCircle2}
@@ -235,7 +235,7 @@ export default function FlowPilotAnalyticsPage() {
icon={Star}
label="Avg Rating"
value={dashboard.avg_rating ? `${dashboard.avg_rating.toFixed(1)}/5` : '—'}
iconColor="#eab308"
iconColor="#fbbf24"
/>
<MetricCard
icon={Ticket}
@@ -273,14 +273,14 @@ export default function FlowPilotAnalyticsPage() {
<Area
type="monotone"
dataKey="mttr_minutes"
stroke="#f97316"
stroke="#60a5fa"
fill="url(#mttrGradient)"
strokeWidth={2}
/>
<defs>
<linearGradient id="mttrGradient" x1="0" y1="0" x2="0" y2="1">
<stop offset="5%" stopColor="#f97316" stopOpacity={0.3} />
<stop offset="95%" stopColor="#f97316" stopOpacity={0} />
<stop offset="5%" stopColor="#60a5fa" stopOpacity={0.3} />
<stop offset="95%" stopColor="#60a5fa" stopOpacity={0} />
</linearGradient>
</defs>
</AreaChart>
@@ -313,7 +313,7 @@ export default function FlowPilotAnalyticsPage() {
labelStyle={{ color: '#f0f2f5' }}
/>
<Bar dataKey="resolved" name="Resolved" fill="#34d399" radius={[0, 4, 4, 0]} />
<Bar dataKey="escalated" name="Escalated" fill="#eab308" radius={[0, 4, 4, 0]} />
<Bar dataKey="escalated" name="Escalated" fill="#fbbf24" radius={[0, 4, 4, 0]} />
</BarChart>
</ResponsiveContainer>
) : (
@@ -343,7 +343,7 @@ export default function FlowPilotAnalyticsPage() {
label="Exploring"
count={conf.exploring_sessions}
rate={conf.exploring_resolution_rate}
color="#eab308"
color="#fbbf24"
total={conf.guided_sessions + conf.exploring_sessions + conf.discovery_sessions}
/>
<ConfidenceTierRow

8
frontend/src/pages/LandingPage.tsx
View File

@@ -194,7 +194,7 @@ export default function LandingPage() {
<div className="landing-preview-body">
<div className="landing-preview-sidebar">
<div className="landing-preview-sidebar-item active">
<div className="dot" style={{ background: '#f97316' }} />
<div className="dot" style={{ background: '#60a5fa' }} />
FlowPilot
</div>
<div className="landing-preview-sidebar-item">
@@ -221,15 +221,15 @@ export default function LandingPage() {
<span className="text">User can&apos;t access shared drive after password reset</span>
</div>
<div className="landing-mock-chat-line">
<span className="label" style={{ color: '#f97316' }}>FlowPilot:</span>
<span className="label" style={{ color: '#60a5fa' }}>FlowPilot:</span>
<span className="text">This is likely a cached credential issue. Let&apos;s check a few things:</span>
</div>
<div className="landing-mock-chat-line">
<span className="label" style={{ color: '#f97316' }}>FlowPilot:</span>
<span className="label" style={{ color: '#60a5fa' }}>FlowPilot:</span>
<span className="text">1. Run <code>klist purge</code> to clear Kerberos tickets</span>
</div>
<div className="landing-mock-chat-line">
<span className="label" style={{ color: '#f97316' }}>FlowPilot:</span>
<span className="label" style={{ color: '#60a5fa' }}>FlowPilot:</span>
<span className="text">2. Open Credential Manager &rarr; remove saved entries for the share</span>
</div>
<div className="landing-mock-chat-line doc">

2
frontend/src/pages/MyAnalyticsPage.tsx
View File

@@ -20,7 +20,7 @@ import type { PersonalAnalyticsResponse, AnalyticsPeriod } from '@/types'
const OUTCOME_COLORS: Record<string, string> = {
resolved: '#34d399',
escalated: '#f87171',
workaround: '#eab308',
workaround: '#fbbf24',
unresolved: '#94a3b8',
}

2
frontend/src/pages/TeamAnalyticsPage.tsx
View File

@@ -21,7 +21,7 @@ import type { TeamAnalyticsResponse, AnalyticsPeriod } from '@/types'
const CHART_COLORS = {
resolved: '#34d399',
escalated: '#f87171',
workaround: '#eab308',
workaround: '#fbbf24',
unresolved: '#94a3b8',
}

6
frontend/src/pages/account/BrandingSettingsPage.tsx
View File

@@ -11,7 +11,7 @@ interface AccountBranding {
company_name: string | null
}
const DEFAULT_COLOR = '#ea580c'
const DEFAULT_COLOR = '#3b82f6'
export function BrandingSettingsPage() {
const [branding, setBranding] = useState<AccountBranding | null>(null)
@@ -207,7 +207,7 @@ export function BrandingSettingsPage() {
const val = e.target.value
setPrimaryColor(val)
}}
placeholder="#ea580c"
placeholder="#3b82f6"
maxLength={7}
className={cn(
'w-32 rounded-lg border border-border bg-card px-3 py-2 text-sm',
@@ -224,7 +224,7 @@ export function BrandingSettingsPage() {
</button>
</div>
<p className="mt-1 text-xs text-muted-foreground">
Hex color code for the primary accent color (e.g. #ea580c).
Hex color code for the primary accent color (e.g. #3b82f6).
</p>
</div>
</div>