Fix icon duplications and add navigation color scheme

- Add color variables for navigation items (info, indigo, orange)
- Apply distinct colors to navigation items:
  * Active: green
  * Archived: blue
  * Lite Plan: indigo
  * Lite Fix: orange
- Fix icon conflicts in review session:
  * Change Dimensions icon from 📋 to 🎯
  * Change Location icon from 📄 to 📍
  * Change Root Cause icon from 🔍 to 🎯
- Add active state styles for each navigation item type
- Support both light and dark themes
This commit is contained in:
catlog22
2025-12-08 23:50:50 +08:00
parent 389621c954
commit beacc2e26b
3 changed files with 62 additions and 9 deletions

View File

@@ -113,7 +113,7 @@ function renderReviewSessionDetailPage(session) {
<div class="summary-label">High</div>
</div>
<div class="summary-card">
<div class="summary-icon">📋</div>
<div class="summary-icon">🎯</div>
<div class="summary-value">${dimensions.length}</div>
<div class="summary-label">Dimensions</div>
</div>
@@ -329,7 +329,7 @@ function previewReviewSessionFinding(findingId) {
${finding.file ? `
<div class="preview-section">
<div class="preview-section-title">📄 Location</div>
<div class="preview-section-title">📍 Location</div>
<div class="preview-location">
<code>${escapeHtml(finding.file)}${finding.line ? ':' + finding.line : ''}</code>
</div>
@@ -359,7 +359,7 @@ function previewReviewSessionFinding(findingId) {
${finding.root_cause ? `
<div class="preview-section">
<div class="preview-section-title">🔍 Root Cause</div>
<div class="preview-section-title">🎯 Root Cause</div>
<div class="preview-root-cause">${escapeHtml(finding.root_cause)}</div>
</div>
` : ''}