Seazn/profit-planet-frontend
2
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Enhance text color utilities for better contrast and accessibility

Browse Source
This commit is contained in:
seaznCode 2025-10-14 19:00:56 +02:00
parent 20710484fe
commit 68a9eef41a
1 changed files with 49 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
src/app/globals.css
View File

@ -9,6 +9,12 @@
--color-brand-header: #0F172A;
--color-brand-text: #4A4A4A;
--color-brand-background: #FFFFFF;
/* Text Colors - Better contrast */
--color-text-primary: #0F172A; /* Dark slate for main text */
--color-text-secondary: #334155; /* Slate 700 for secondary text */
--color-text-muted: #64748B; /* Slate 500 for muted text */
--color-text-subtle: #94A3B8; /* Slate 400 for subtle text */
}
/* Theme variables moved to :root for compatibility */
@ -34,6 +40,49 @@ html, body {
overflow-x: hidden;
}
/* Better text color utilities */
.text-primary {
color: var(--color-text-primary) !important;
}
.text-secondary {
color: var(--color-text-secondary) !important;
}
.text-muted {
color: var(--color-text-muted) !important;
}
.text-subtle {
color: var(--color-text-subtle) !important;
}
/* Override problematic gray colors */
.text-gray-500 {
color: var(--color-text-muted) !important;
}
.text-gray-400 {
color: var(--color-text-subtle) !important;
}
.text-gray-300 {
color: var(--color-text-subtle) !important;
}
/* Fix placeholder colors for better contrast */
.placeholder-gray-400::placeholder {
color: var(--color-text-muted) !important;
}
.placeholder-gray-300::placeholder {
color: var(--color-text-muted) !important;
}
input::placeholder, textarea::placeholder {
color: var(--color-text-muted) !important;
}
#__next {
height: 100%;
}