UniqAI/bolt.diy
1
0
Fork 0
mirror of https://github.com/stackblitz-labs/bolt.diy synced 2025-06-26 18:26:38 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Fix MCP icon visibility in dark mode

Browse Source 
Added proper CSS filters to make MCP icon visible in both light and dark modes.
The icon now uses brightness and invert filters to adapt to the theme.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Nirmal Arya 2025-06-24 21:55:03 -04:00
parent 2e0631f014
commit c53e3214c1
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/components/chat/MCPConnection.tsx
View File

@ -311,7 +311,7 @@ export function McpConnection() {
{isLoading ? (
<div className="i-svg-spinners:90-ring-with-bg text-bolt-elements-loader-progress text-xl animate-spin" />
) : (
<img className="w-4 h-4" height="20" width="20" src="/icons/mcp.svg" alt="MCP" />
<img className="w-4 h-4 filter brightness-0 dark:brightness-100 dark:invert" height="20" width="20" src="/icons/mcp.svg" alt="MCP" />
)}
</IconButton>
</div>
@ -321,7 +321,7 @@ export function McpConnection() {
<Dialog className="max-w-4xl w-full p-6">
<div className="space-y-4 max-h-[80vh] overflow-y-auto pr-2">
<DialogTitle>
<img className="w-5 h-5" height="24" width="24" src="/icons/mcp.svg" alt="MCP" />
<img className="w-5 h-5 filter brightness-0 dark:brightness-100 dark:invert" height="24" width="24" src="/icons/mcp.svg" alt="MCP" />
MCP Configuration
</DialogTitle>