style: Increase contrast for better readability
Override Tailwind zinc scale with brighter values for improved text contrast on dark backgrounds. Targets older users who may have difficulty reading gray-on-black text. - zinc-500: #71717a → #8a8a95 (+20% brightness) - zinc-600: #52525b → #6b6b75 (+25% brightness) - zinc-400/700 also adjusted proportionally
This commit is contained in:
@@ -8,6 +8,23 @@ const config: Config = {
|
|||||||
],
|
],
|
||||||
theme: {
|
theme: {
|
||||||
extend: {
|
extend: {
|
||||||
|
// High-contrast zinc scale for better readability
|
||||||
|
// Original zinc-500 (#71717a) is now brighter for better contrast on dark backgrounds
|
||||||
|
colors: {
|
||||||
|
zinc: {
|
||||||
|
50: '#fafafa',
|
||||||
|
100: '#f4f4f5',
|
||||||
|
200: '#e4e4e7',
|
||||||
|
300: '#d4d4d8',
|
||||||
|
400: '#a8a8b3', // Brighter (was #a1a1aa)
|
||||||
|
500: '#8a8a95', // Brighter (was #71717a) - main secondary text
|
||||||
|
600: '#6b6b75', // Brighter (was #52525b) - subtle text
|
||||||
|
700: '#4a4a52', // Brighter (was #3f3f46)
|
||||||
|
800: '#2a2a2e', // Slightly adjusted
|
||||||
|
900: '#1a1a1e', // Dark background
|
||||||
|
950: '#0d0d0f', // Darkest
|
||||||
|
},
|
||||||
|
},
|
||||||
backgroundImage: {
|
backgroundImage: {
|
||||||
"gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
|
"gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
|
||||||
"gradient-conic":
|
"gradient-conic":
|
||||||
|
|||||||
Reference in New Issue
Block a user