Improve text visibility in form fields for better usability
Update client/src/index.css to ensure text in input fields, textareas, and selects is visible in both light and dark themes by setting explicit background, text, and border colors. Replit-Commit-Author: Agent Replit-Commit-Session-Id: d7424866-83d1-4486-a212-ac12b4c7becf Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/d7424866-83d1-4486-a212-ac12b4c7becf/ESknBgQ
This commit is contained in:
parent
f0258ecc81
commit
35dcbf6763
@ -142,3 +142,25 @@
|
||||
animation-delay: 150ms;
|
||||
}
|
||||
}
|
||||
|
||||
/* Zagotovi vidnost besedila v input poljih - visoka prioriteta */
|
||||
input[type="text"], input[type="email"], input[type="password"], textarea, select {
|
||||
background-color: white !important;
|
||||
color: black !important;
|
||||
border: 1px solid #d1d5db !important;
|
||||
}
|
||||
|
||||
.dark input[type="text"], .dark input[type="email"], .dark input[type="password"], .dark textarea, .dark select {
|
||||
background-color: #374151 !important;
|
||||
color: white !important;
|
||||
border: 1px solid #6b7280 !important;
|
||||
}
|
||||
|
||||
/* Zagotovi vidnost placeholder besedila */
|
||||
input::placeholder, textarea::placeholder {
|
||||
color: #9ca3af !important;
|
||||
}
|
||||
|
||||
.dark input::placeholder, .dark textarea::placeholder {
|
||||
color: #d1d5db !important;
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user