fix: Replace --truecv- CSS variables with --realcv-

Fixed CSS variable references in Razor components that were still
using the old --truecv- prefix, causing score circles and other
styled elements to not render properly.

Also changed score-ring-value font to Inter for consistent numbers.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
2026-01-22 21:14:20 +00:00
parent 70d8a4786e
commit ecb599fba7
5 changed files with 34 additions and 34 deletions

View File

@@ -151,7 +151,7 @@
<!-- Checks List -->
<div class="card border-0 shadow-sm">
<div class="card-header py-3 border-bottom" style="background-color: var(--truecv-bg-surface);">
<div class="card-header py-3 border-bottom" style="background-color: var(--realcv-bg-surface);">
<div class="d-flex justify-content-between align-items-center">
<div class="d-flex align-items-center gap-3">
<h5 class="mb-0 fw-bold">Recent CV Checks</h5>
@@ -177,7 +177,7 @@
<div class="table-responsive">
<table class="table table-hover align-middle mb-0">
<thead>
<tr style="background-color: var(--truecv-bg-muted);">
<tr style="background-color: var(--realcv-bg-muted);">
<th class="border-0 ps-3 py-3" style="width: 40px;">
<input type="checkbox" class="form-check-input"
checked="@IsAllSelected()"
@@ -395,7 +395,7 @@
align-items: center;
justify-content: center;
margin: 0 auto;
color: var(--truecv-primary);
color: var(--realcv-primary);
}
.file-icon-wrapper {
@@ -424,7 +424,7 @@
.score-ring-bg {
fill: none;
stroke: var(--truecv-gray-200);
stroke: var(--realcv-gray-200);
stroke-width: 3;
}
@@ -436,20 +436,20 @@
transform: rotate(-90deg);
}
.score-ring-progress.high { stroke: var(--truecv-verified); }
.score-ring-progress.medium { stroke: var(--truecv-warning); }
.score-ring-progress.low { stroke: var(--truecv-danger); }
.score-ring-progress.high { stroke: var(--realcv-verified); }
.score-ring-progress.medium { stroke: var(--realcv-warning); }
.score-ring-progress.low { stroke: var(--realcv-danger); }
.score-ring-value {
position: absolute;
font-size: 0.875rem;
font-weight: 700;
font-family: 'JetBrains Mono', monospace;
font-family: 'Inter', system-ui, -apple-system, sans-serif;
}
.text-verified { color: var(--truecv-verified); }
.text-warning-dark { color: var(--truecv-warning-dark); }
.text-danger { color: var(--truecv-danger); }
.text-verified { color: var(--realcv-verified); }
.text-warning-dark { color: var(--realcv-warning-dark); }
.text-danger { color: var(--realcv-danger); }
@@media (max-width: 768px) {
.d-flex.justify-content-between.align-items-center.mb-4 {