hansjone/netx
1
0
Fork 0
mirror of https://github.com/hansjone/netx.git synced 2026-10-18 21:03:57 +08:00
Code Issues Projects Releases 1 Packages Wiki Activity Actions

Darken the topology canvas LLDP discover progress panel.

Browse source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
oliver 2026-08-05 19:32:19 +08:00
parent 84a4fc037a
commit 5e567408e7
1 changed files with 29 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

47
web/src/index.css
View file

@ -6530,8 +6530,9 @@ pre {
gap: 8px; gap: 8px;
max-height: none; max-height: none;
padding: 10px 12px; padding: 10px 12px;
background: #f8fafc; background: rgba(15, 23, 42, 0.96);
border-bottom: 1px solid #e2e8f0; color: #e2e8f0;
border-bottom: 1px solid rgba(148, 163, 184, 0.18);
overflow: hidden; overflow: hidden;
} }
@ -6540,6 +6541,16 @@ pre {
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
gap: 8px; gap: 8px;
color: #f1f5f9;
}
.topo-discover__head strong {
color: #f8fafc;
}
.topo-discover .panel__hint,
.topo-discover .panel__hint--live {
color: #94a3b8;
} }
.topo-discover__progress { .topo-discover__progress {
@ -6551,13 +6562,13 @@ pre {
.topo-discover__bar { .topo-discover__bar {
height: 6px; height: 6px;
border-radius: 999px; border-radius: 999px;
background: #e2e8f0; background: rgba(51, 65, 85, 0.9);
overflow: hidden; overflow: hidden;
} }
.topo-discover__bar-fill { .topo-discover__bar-fill {
height: 100%; height: 100%;
background: #2563eb; background: #38bdf8;
transition: width 0.2s ease; transition: width 0.2s ease;
} }
@ -6566,13 +6577,13 @@ pre {
justify-content: space-between; justify-content: space-between;
gap: 8px; gap: 8px;
font-size: 12px; font-size: 12px;
color: #475569; color: #94a3b8;
} }
.topo-discover__summary { .topo-discover__summary {
margin: 0; margin: 0;
font-size: 13px; font-size: 13px;
color: #334155; color: #cbd5e1;
} }
.topo-discover__filters { .topo-discover__filters {
@ -6587,23 +6598,23 @@ pre {
gap: 4px; gap: 4px;
height: 26px; height: 26px;
padding: 0 8px; padding: 0 8px;
border: 1px solid #cbd5e1; border: 1px solid rgba(148, 163, 184, 0.28);
border-radius: 999px; border-radius: 999px;
background: #fff; background: rgba(30, 41, 59, 0.9);
font-size: 12px; font-size: 12px;
color: #475569; color: #cbd5e1;
cursor: pointer; cursor: pointer;
} }
.topo-discover__filter.is-active { .topo-discover__filter.is-active {
border-color: #2563eb; border-color: #38bdf8;
background: #eff6ff; background: rgba(14, 165, 233, 0.18);
color: #1d4ed8; color: #e0f2fe;
} }
.topo-discover__filter--primary { .topo-discover__filter--primary {
border-color: #2563eb; border-color: #0ea5e9;
background: #2563eb; background: #0284c7;
color: #fff; color: #fff;
} }
@ -6619,7 +6630,7 @@ pre {
.topo-discover__empty-ok { .topo-discover__empty-ok {
margin: 0; margin: 0;
font-size: 12px; font-size: 12px;
color: #166534; color: #86efac;
display: flex; display: flex;
align-items: center; align-items: center;
gap: 8px; gap: 8px;
@ -6630,7 +6641,7 @@ pre {
border: 0; border: 0;
background: none; background: none;
padding: 0; padding: 0;
color: #2563eb; color: #38bdf8;
cursor: pointer; cursor: pointer;
font-size: 12px; font-size: 12px;
text-decoration: underline; text-decoration: underline;
@ -6639,13 +6650,13 @@ pre {
.topo-discover__cap { .topo-discover__cap {
margin: 0; margin: 0;
font-size: 11px; font-size: 11px;
color: #94a3b8; color: #64748b;
} }
.topo-discover__error { .topo-discover__error {
margin: 0; margin: 0;
font-size: 13px; font-size: 13px;
color: #b91c1c; color: #fca5a5;
} }
.topo-discover__list { .topo-discover__list {