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 256c30e7cd
commit 2cb62d5f34
8 changed files with 355 additions and 312 deletions

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;