dandri/meshcore-analyzer
1
0
Fork 0
mirror of https://github.com/Kpa-clawbot/meshcore-analyzer.git synced 2026-08-29 09:38:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

Remove hardcoded badge colors from CSS — syncBadgeColors is sole source

Browse Source 
Badge colors were hardcoded in style.css with different values
than TYPE_COLORS, causing mismatch between customizer and actual
display. Removed all .badge-advert/.badge-grp-txt/etc color rules.
syncBadgeColors() in roles.js now generates them from TYPE_COLORS
on every page load.
This commit is contained in:
you
2026-03-23 02:29:46 +00:00
parent 68f36d9ecf
commit b97212087d
2 changed files with 1 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/index.html
+1 -1
View File
@@ -22,7 +22,7 @@
<meta name="twitter:title" content="MeshCore Analyzer">
<meta name="twitter:description" content="Real-time MeshCore LoRa mesh network analyzer — live packet visualization, node tracking, channel decryption, and route analysis.">
<meta name="twitter:image" content="https://raw.githubusercontent.com/Kpa-clawbot/meshcore-analyzer/master/public/og-image.png">
<link rel="stylesheet" href="style.css?v=1774229496">
<link rel="stylesheet" href="style.css?v=1774232985">
<link rel="stylesheet" href="home.css">
<link rel="stylesheet" href="live.css?v=1774058575">
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
public/style.css
-21
View File
@@ -248,27 +248,6 @@ a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible
display: inline-block; padding: 2px 8px; border-radius: var(--badge-radius);
font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .3px;
}
.badge-advert { background: #dcfce7; color: #166534; }
.badge-grp-txt { background: #dbeafe; color: #1e40af; }
.badge-ack { background: #f3f4f6; color: var(--text-muted); }
.badge-req { background: #ffedd5; color: #9a3412; }
.badge-txt-msg { background: #f3e8ff; color: #7e22ce; }
.badge-trace { background: #cffafe; color: #0e7490; }
.badge-path { background: #fef9c3; color: #a16207; }
.badge-response { background: #e0e7ff; color: #3730a3; }
.badge-anon-req { background: #fce7f3; color: #9d174d; }
.badge-unknown { background: #f3f4f6; color: var(--text-muted); }
[data-theme="dark"] .badge-advert { background: #166534; color: #86efac; }
[data-theme="dark"] .badge-grp-txt { background: #1e3a5f; color: #93c5fd; }
[data-theme="dark"] .badge-ack { background: #374151; color: #d1d5db; }
[data-theme="dark"] .badge-req { background: #7c2d12; color: #fdba74; }
[data-theme="dark"] .badge-txt-msg { background: #581c87; color: #d8b4fe; }
[data-theme="dark"] .badge-trace { background: #164e63; color: #67e8f9; }
[data-theme="dark"] .badge-path { background: #713f12; color: #fde68a; }
[data-theme="dark"] .badge-response { background: #312e81; color: #a5b4fc; }
[data-theme="dark"] .badge-anon-req { background: #831843; color: #f9a8d4; }
[data-theme="dark"] .badge-unknown { background: #374151; color: #d1d5db; }
.badge-region {
display: inline-block; padding: 2px 6px; border-radius: 4px;