From be7e77b5102d8cf19488cf425d77a638fe9f008c Mon Sep 17 00:00:00 2001 From: ciregenz Date: Tue, 4 Aug 2026 08:48:37 -0700 Subject: [PATCH] [eric] chat: fullscreen drops the accent wash for a flat theme ground --- frontend/src/app/pages/AgentChat/AgentChat.tsx | 16 ++++------------ 1 file changed, 4 insertions(+), 12 deletions(-) diff --git a/frontend/src/app/pages/AgentChat/AgentChat.tsx b/frontend/src/app/pages/AgentChat/AgentChat.tsx index 38fdd986..a7a86596 100644 --- a/frontend/src/app/pages/AgentChat/AgentChat.tsx +++ b/frontend/src/app/pages/AgentChat/AgentChat.tsx @@ -77,7 +77,7 @@ import { setGlowingBrowserCards, fadeGlowingBrowserCards, clearGlowingBrowserCar import type { WorkflowsRunContext } from '@/shared/state/dashboardLayoutSlice'; import { setCardSidecar, commitDraft, updateWorkflowCard, controlWorkflowRun } from '@/shared/state/workflowsSlice'; import { shallowEqual } from 'react-redux'; -import { useClaudeTokens, useThemeAccent, useThemeMode } from '@/shared/styles/ThemeContext'; +import { useClaudeTokens, useThemeMode } from '@/shared/styles/ThemeContext'; import { parseMcpToolName, getMcpInputSummary } from '@/shared/mcpToolMeta'; import { isNarration } from './parsing/isNarration'; @@ -239,18 +239,10 @@ interface AgentChatProps { const AgentChat: React.FC = ({ sessionId: sessionIdProp, onClose, embedded, autoFocus, isGlowing, onDismissGlow, initialContextPaths, onBranch, workflowEditId, readOnly, fullscreenChat, prefillPrompt, runContext, onClearRunContext, onSendRunQuestion }) => { const c = useClaudeTokens(); - // Fullscreen reads as a place of its own: the user's onboarding accent washes down from the top and - // fades into the theme ground (dark or light), instead of a flat card color stretched to the window. - const { accent, gradient: accentStops } = useThemeAccent(); + // Fullscreen is a flat theme ground, same as Claude's: the old accent wash from the top read as + // decoration and dated the whole surface. const { mode: themeMode } = useThemeMode(); - const fullscreenWash = (() => { - if (!fullscreenChat) return undefined; - const stops = (accentStops && accentStops.length ? accentStops : [accent || '#6b62f0']); - const a = stops[0]; - const b = stops[1] || stops[0]; - const ground = themeMode === 'dark' ? '#1a1918' : '#F5F5F0'; - return `linear-gradient(180deg, ${a}30 0%, ${b}18 22%, ${ground} 55%)`; - })(); + const fullscreenWash = fullscreenChat ? (themeMode === 'dark' ? '#1a1918' : '#F5F5F0') : undefined; const STATUS_STYLES: Record = { running: { color: c.status.success, bg: c.status.successBg }, waiting_approval: { color: c.status.warning, bg: c.status.warningBg },