Standardize all icons to uniform inline SVG format

Replace emojis throughout the codebase with inline SVG icons using
the Icons utility. Remove decorative icons where text labels already
describe the content. Add classification dot CSS for risk indicators.

- Extend Icons utility with comprehensive SVG icon set
- Update navigation, header stats, and action buttons
- Update playback controls and volume icons
- Remove decorative device type and panel header emojis
- Clean up notifications and alert messages
- Add CSS for classification status dots

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Smittix
2026-01-20 22:29:28 +00:00
parent 15eb4537a8
commit 5b8110efbe
8 changed files with 355 additions and 312 deletions
+22
View File
@@ -1354,6 +1354,28 @@
color: var(--text-secondary);
}
/* Classification Dots - replaces emoji circles for risk levels */
.classification-dot {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
vertical-align: middle;
margin-right: 4px;
}
.classification-dot.high {
background-color: var(--accent-red);
}
.classification-dot.review {
background-color: var(--accent-orange);
}
.classification-dot.info {
background-color: var(--accent-green);
}
/* Device Indicators with Icons */
.device-indicator-icon {
display: inline-flex;