From 69600ea53386accf8133e8ac1a8c0f0a45cbf1d8 Mon Sep 17 00:00:00 2001
From: ciregenz <ciregenz@berkeley.edu>
Date: Tue, 21 Jul 2026 18:53:43 -0700
Subject: [PATCH] [eric] chat: warm neutral dark surface replaces the saturated
 plum; composer drops the dead mic

---
 .../ChatInput/toolbar/ToolbarActions.tsx        | 17 -----------------
 .../src/app/pages/Dashboard/cards/AgentCard.tsx |  4 +++-
 2 files changed, 3 insertions(+), 18 deletions(-)

diff --git a/frontend/src/app/pages/AgentChat/ChatInput/toolbar/ToolbarActions.tsx b/frontend/src/app/pages/AgentChat/ChatInput/toolbar/ToolbarActions.tsx
index 6cb493cd..6e1b65bf 100644
--- a/frontend/src/app/pages/AgentChat/ChatInput/toolbar/ToolbarActions.tsx
+++ b/frontend/src/app/pages/AgentChat/ChatInput/toolbar/ToolbarActions.tsx
@@ -2,7 +2,6 @@ import React, { RefObject } from 'react';
 import Box from '@mui/material/Box';
 import IconButton from '@mui/material/IconButton';
 import Tooltip from '@mui/material/Tooltip';
-import MicNoneOutlinedIcon from '@mui/icons-material/MicNoneOutlined';
 import ArrowUpwardIcon from '@mui/icons-material/ArrowUpward';
 import StopIcon from '@mui/icons-material/Stop';
 import AttachFileIcon from '@mui/icons-material/AttachFile';
@@ -179,22 +178,6 @@ export const ToolbarActions: React.FC<Props> = ({
                 <StopIcon sx={{ fontSize: 16 }} />
               </IconButton>
             </Tooltip>
-          ) : !hasContent ? (
-            <Tooltip title="Voice input (coming soon)">
-              <span>
-                <IconButton
-                  size="small"
-                  disabled
-                  sx={{
-                    color: c.text.tertiary,
-                    p: 0.5,
-                    '&.Mui-disabled': { color: c.text.ghost },
-                  }}
-                >
-                  <MicNoneOutlinedIcon sx={{ fontSize: 18 }} />
-                </IconButton>
-              </span>
-            </Tooltip>
           ) : null}
         </Box>
       )}
diff --git a/frontend/src/app/pages/Dashboard/cards/AgentCard.tsx b/frontend/src/app/pages/Dashboard/cards/AgentCard.tsx
index 4f6d461c..c75dccad 100644
--- a/frontend/src/app/pages/Dashboard/cards/AgentCard.tsx
+++ b/frontend/src/app/pages/Dashboard/cards/AgentCard.tsx
@@ -928,7 +928,9 @@ const AgentCard: React.FC<Props> = ({
         // turns white" bug) but solid + blur-free: nothing shows behind a tiled card, and a
         // window-sized backdrop blur is pure GPU tax.
         ...(expanded && {
-          bgcolor: tiledStyle ? 'rgb(26,16,34)' : 'rgba(26,16,34,0.85)',
+          // Warm near-neutral dark (the Claude/ChatGPT family) instead of the saturated plum: long
+          // reading sessions want a quiet ground; the accent system carries the brand color.
+          bgcolor: tiledStyle ? 'rgb(33,31,36)' : 'rgba(33,31,36,0.88)',
           ...(tiledStyle ? {} : {
             backdropFilter: 'blur(24px) saturate(150%)',
             WebkitBackdropFilter: 'blur(24px) saturate(150%)',