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

fix: align basic-host dark mode styles (#438)

Browse source
This commit is contained in:
Hryhorii (Greg) Avcharov 2026-02-12 16:28:51 +01:00 • committed by GitHub
commit 10d1f9dc6d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 14 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

26
examples/basic-host/src/index.module.css
View file

@ -165,7 +165,7 @@
margin: 0; margin: 0;
padding: 1rem; padding: 1rem;
max-width: none; max-width: none;
background: white; background: var(--color-bg);
border: none; border: none;
border-radius: 0; border-radius: 0;
display: flex; display: flex;
@ -201,29 +201,30 @@
width: 32px; width: 32px;
height: 32px; height: 32px;
padding: 0; padding: 0;
border: 1px solid #ccc; border: 1px solid var(--color-border);
border-radius: 4px; border-radius: 4px;
background: #f5f5f5; background: var(--color-bg-secondary);
color: var(--color-text);
font-size: 1.25rem; font-size: 1.25rem;
cursor: pointer; cursor: pointer;
&:hover { &:hover {
background: #e0e0e0; background: var(--color-bg);
} }
} }
.collapsiblePanel { .collapsiblePanel {
margin: 0.5rem 0; margin: 0.5rem 0;
padding: 0.5rem 0.75rem; padding: 0.5rem 0.75rem;
border: 1px solid #e0e0e0; border: 1px solid var(--color-border);
border-radius: 4px; border-radius: 4px;
background-color: #fafafa; background-color: var(--color-bg-secondary);
font-size: 0.875rem; font-size: 0.875rem;
cursor: pointer; cursor: pointer;
transition: background-color 0.15s; transition: background-color 0.15s;
&:hover { &:hover {
background-color: #f0f0f0; background-color: var(--color-bg);
} }
} }
@ -235,23 +236,23 @@
.collapsibleLabel { .collapsibleLabel {
font-weight: 600; font-weight: 600;
color: #555; color: var(--color-text);
} }
.collapsibleSize { .collapsibleSize {
color: #888; color: var(--color-text-secondary);
font-size: 0.75rem; font-size: 0.75rem;
} }
.collapsibleToggle { .collapsibleToggle {
margin-left: auto; margin-left: auto;
color: #888; color: var(--color-text-secondary);
font-size: 0.75rem; font-size: 0.75rem;
} }
.collapsiblePreview { .collapsiblePreview {
margin-top: 0.25rem; margin-top: 0.25rem;
color: #666; color: var(--color-text-secondary);
font-family: monospace; font-family: monospace;
font-size: 0.8rem; font-size: 0.8rem;
white-space: nowrap; white-space: nowrap;
@ -263,7 +264,8 @@
margin: 0.5rem 0 0; margin: 0.5rem 0 0;
padding: 0.5rem; padding: 0.5rem;
border-radius: 4px; border-radius: 4px;
background-color: #f5f5f5; background-color: var(--color-bg);
color: var(--color-text);
font-family: monospace; font-family: monospace;
font-size: 0.8rem; font-size: 0.8rem;
white-space: pre-wrap; white-space: pre-wrap;