ashwin/nxtgauge-frontend-solid
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: Restore brand color #fd6116, use brand navy text for accessibility

Browse source 
- Keep original brand orange #fd6116 for buttons
- Use brand navy #050026 as text color on orange background
- Ensures WCAG AA compliance (6.67:1 contrast ratio)
- Maintains brand consistency
This commit is contained in:
Ashwin Kumar Sivakumar 2026-07-06 22:32:24 +05:30
parent 53ec112b50
commit d0143c229b
1 changed files with 10 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/app.css
View file

@ -4,10 +4,11 @@
:root {
--brand-orange: #fd6116;
--brand-orange-dark: #e45a14;
--brand-orange-accessible: #d94c08; /* WCAG AA compliant */
--brand-orange-accessible: #d94c08;
--brand-navy: #050026;
--ink: #100b2f;
--bg-soft: #f6f8ff;
--text-on-orange: #050026; /* Brand navy text on orange background */
}
* {
@ -218,13 +219,13 @@ body {
}
.btn.primary {
border-color: var(--brand-orange-accessible);
background: var(--brand-orange-accessible);
color: #fff;
border-color: var(--brand-orange);
background: var(--brand-orange);
color: var(--text-on-orange);
}
.btn.primary:hover {
background: #8a2d00;
background: var(--brand-orange-dark);
}
.page {
@ -1139,10 +1140,10 @@ body {
}
.chip-btn.active {
border-color: #a33500;
background: #a33500;
color: #fff;
box-shadow: 0 8px 18px -10px rgba(163, 53, 0, 0.8);
border-color: #fd6116;
background: #fd6116;
color: #050026;
box-shadow: 0 8px 18px -10px rgba(253, 97, 22, 0.8);
}
.path-grid {