WEBDIENSTE/openswarm
1
0
Fork 0
mirror of https://github.com/openswarm-ai/openswarm.git synced 2026-09-12 20:57:42 +02:00
Code Issues Packages Projects Releases Wiki Activity

[eric] chat: fullscreen drops the accent wash for a flat theme ground

Browse Source
This commit is contained in:
ciregenz
2026-08-04 08:48:37 -07:00
parent fad66bff5d
commit be7e77b510
1 changed files with 4 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/app/pages/AgentChat/AgentChat.tsx
+4 -12
View File
@@ -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<AgentChatProps> = ({ 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<string, { color: string; bg: string }> = {
running: { color: c.status.success, bg: c.status.successBg },
waiting_approval: { color: c.status.warning, bg: c.status.warningBg },