modelcontextprotocol/inspector
Watch
1
0
Fork
You've already forked inspector
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 2

fix dark/light mode surface colors and Remove button color

Browse source 
- Fix ContentViewer background invisible against card in dark mode
- Fix Remove button not red in dark mode by using color="red.6"
- Add distinct card background for light mode (gray-0) vs app background
- Use CSS custom properties for card background across color schemes

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
cliffhall 2026-03-23 14:30:39 -04:00
commit 08c42a2e62
1 changed files with 9 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

9
clients/web/src/App.css
View file

@ -22,9 +22,9 @@
--inspector-text-inverse: var(--mantine-color-white);
/* ── Surfaces ──────────────────────────────────────────── */
--inspector-surface-body: var(--mantine-color-body);
--inspector-surface-card: var(--mantine-color-default);
--inspector-surface-code: var(--mantine-color-gray-0);
--inspector-surface-body: var(--mantine-color-dark-9);
--inspector-surface-card: var(--mantine-color-gray-0);
--inspector-surface-code: var(--mantine-color-white);
/* ── Borders ───────────────────────────────────────────── */
--inspector-border-default: var(--mantine-color-default-border);
@ -69,7 +69,8 @@
/* Dark mode overrides — tokens that need adjustment in dark scheme */
[data-mantine-color-scheme="dark"] {
--inspector-surface-code: var(--mantine-color-dark-6);
--inspector-surface-card: var(--mantine-color-gray-9);
--inspector-surface-code: var(--mantine-color-dark-9);
--inspector-border-subtle: var(--mantine-color-dark-4);
}