sebastjan/videofolxtv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Invert input field colors for better readability in all themes

Browse Source 
Reverses the color scheme of input fields and text areas in client/src/index.css to ensure text is clearly visible across different theme settings.

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:
sebastjanartic 2025-08-08 19:47:37 +00:00
parent 35dcbf6763
commit 67d531a4d7
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
attached_assets/image_1754682408640.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 44 KiB

16
client/src/index.css
View File

@ -143,17 +143,17 @@
} }
} }
/* Zagotovi vidnost besedila v input poljih - visoka prioriteta */ /* Zagotovi vidnost besedila v input poljih - obrnjen kontrast */
input[type="text"], input[type="email"], input[type="password"], textarea, select { input[type="text"], input[type="email"], input[type="password"], textarea, select {
background-color: white !important; background-color: #1f2937 !important;
color: black !important; color: #f9fafb !important;
border: 1px solid #d1d5db !important; border: 1px solid #4b5563 !important;
} }
.dark input[type="text"], .dark input[type="email"], .dark input[type="password"], .dark textarea, .dark select { .dark input[type="text"], .dark input[type="email"], .dark input[type="password"], .dark textarea, .dark select {
background-color: #374151 !important; background-color: #1f2937 !important;
color: white !important; color: #f9fafb !important;
border: 1px solid #6b7280 !important; border: 1px solid #4b5563 !important;
} }
/* Zagotovi vidnost placeholder besedila */ /* Zagotovi vidnost placeholder besedila */
@ -162,5 +162,5 @@ input::placeholder, textarea::placeholder {
} }
.dark input::placeholder, .dark textarea::placeholder { .dark input::placeholder, .dark textarea::placeholder {
color: #d1d5db !important; color: #9ca3af !important;
} }