maciejpi/nordabiz
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix: Update CSS classes to match unified color scale

Browse Source 
Updated CSS class definitions in all 4 audit templates to use
the same 5-level color scale as inline styles:
- .score-excellent: #10b981 (green, 90-100%)
- .score-good: #84cc16 (lime, 70-89%)
- .score-average: #f59e0b (amber, 50-69%)
- .score-needs-work: #f97316 (orange, 30-49%)
- .score-poor: #ef4444 (red, 0-29%)

This ensures consistency between company profile banners
and detailed audit page score circles/text.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Maciej Pienczyn 2026-01-11 23:28:30 +01:00
parent 18939afc7e
commit b06db9cb60
4 changed files with 48 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
templates/gbp_audit.html
View File

@ -98,9 +98,12 @@
line-height: 1;
}
.score-value.score-good { color: var(--success); }
.score-value.score-medium { color: var(--warning); }
.score-value.score-poor { color: var(--error); }
/* Unified 5-level color scale: 0-29 red, 30-49 orange, 50-69 amber, 70-89 lime, 90-100 green */
.score-value.score-excellent { color: #10b981; }
.score-value.score-good { color: #84cc16; }
.score-value.score-average { color: #f59e0b; }
.score-value.score-needs-work { color: #f97316; }
.score-value.score-poor { color: #ef4444; }
.score-label {
position: relative;
@ -122,10 +125,12 @@
margin-bottom: var(--spacing-sm);
}
.score-category.excellent { color: var(--success); }
.score-category.good { color: #22c55e; }
.score-category.average { color: var(--warning); }
.score-category.poor { color: var(--error); }
/* Unified 5-level color scale */
.score-category.excellent { color: #10b981; }
.score-category.good { color: #84cc16; }
.score-category.average { color: #f59e0b; }
.score-category.needs-work { color: #f97316; }
.score-category.poor { color: #ef4444; }
.score-description {
color: var(--text-secondary);

19
templates/it_audit.html
View File

@ -98,9 +98,12 @@
line-height: 1;
}
.score-value.score-good { color: var(--success); }
.score-value.score-medium { color: var(--warning); }
.score-value.score-poor { color: var(--error); }
/* Unified 5-level color scale: 0-29 red, 30-49 orange, 50-69 amber, 70-89 lime, 90-100 green */
.score-value.score-excellent { color: #10b981; }
.score-value.score-good { color: #84cc16; }
.score-value.score-average { color: #f59e0b; }
.score-value.score-needs-work { color: #f97316; }
.score-value.score-poor { color: #ef4444; }
.score-label {
position: relative;
@ -122,10 +125,12 @@
margin-bottom: var(--spacing-sm);
}
.score-category.excellent { color: var(--success); }
.score-category.good { color: #22c55e; }
.score-category.average { color: var(--warning); }
.score-category.poor { color: var(--error); }
/* Unified 5-level color scale */
.score-category.excellent { color: #10b981; }
.score-category.good { color: #84cc16; }
.score-category.average { color: #f59e0b; }
.score-category.needs-work { color: #f97316; }
.score-category.poor { color: #ef4444; }
.score-description {
color: var(--text-secondary);

19
templates/seo_audit.html
View File

@ -94,9 +94,12 @@
line-height: 1;
}
.score-value.score-good { color: var(--success); }
.score-value.score-medium { color: var(--warning); }
.score-value.score-poor { color: var(--error); }
/* Unified 5-level color scale: 0-29 red, 30-49 orange, 50-69 amber, 70-89 lime, 90-100 green */
.score-value.score-excellent { color: #10b981; }
.score-value.score-good { color: #84cc16; }
.score-value.score-average { color: #f59e0b; }
.score-value.score-needs-work { color: #f97316; }
.score-value.score-poor { color: #ef4444; }
.score-label {
position: relative;
@ -118,10 +121,12 @@
margin-bottom: var(--spacing-sm);
}
.score-category.excellent { color: var(--success); }
.score-category.good { color: #22c55e; }
.score-category.average { color: var(--warning); }
.score-category.poor { color: var(--error); }
/* Unified 5-level color scale */
.score-category.excellent { color: #10b981; }
.score-category.good { color: #84cc16; }
.score-category.average { color: #f59e0b; }
.score-category.needs-work { color: #f97316; }
.score-category.poor { color: #ef4444; }
.score-description {
color: var(--text-secondary);

19
templates/social_audit.html
View File

@ -94,9 +94,12 @@
line-height: 1;
}
.score-value.score-good { color: var(--success); }
.score-value.score-medium { color: var(--warning); }
.score-value.score-poor { color: var(--error); }
/* Unified 5-level color scale: 0-29 red, 30-49 orange, 50-69 amber, 70-89 lime, 90-100 green */
.score-value.score-excellent { color: #10b981; }
.score-value.score-good { color: #84cc16; }
.score-value.score-average { color: #f59e0b; }
.score-value.score-needs-work { color: #f97316; }
.score-value.score-poor { color: #ef4444; }
.score-label {
position: relative;
@ -118,10 +121,12 @@
margin-bottom: var(--spacing-sm);
}
.score-category.excellent { color: var(--success); }
.score-category.good { color: #22c55e; }
.score-category.average { color: var(--warning); }
.score-category.poor { color: var(--error); }
/* Unified 5-level color scale */
.score-category.excellent { color: #10b981; }
.score-category.good { color: #84cc16; }
.score-category.average { color: #f59e0b; }
.score-category.needs-work { color: #f97316; }
.score-category.poor { color: #ef4444; }
.score-description {
color: var(--text-secondary);