css: adjust lightmode input bg colors for improved visibility

In the light theme, form controls using browser defaults often
lack contrast with the page background, making them less easy to
identify as interactive fields. Give inputs and textareas a
distinct background so they are visually identifiable from
surrounding content without being distracting.

#cfc is salient enough to stand out across low-to-high brightness
settings consistently. It is not intense. It fits naturally
within a light mode palette and does not require inverting the
text color to maintain readability (no extra CSS).

Signed-off-by: Rito Rhymes <rito@ritovision.com>

diff --git a/contrib/css/216light.css b/contrib/css/216light.css
index 0c781d535f4c43bda3648347ae2d6d709e96db7c..c428e81f3b9dad651500b6d02088c8abd0a8b18e 100644 (file)
--- a/contrib/css/216light.css
+++ b/contrib/css/216light.css
@@ -6,6 +6,8 @@
  */
 * { font-size: 100%; font-family: monospace; background:#fff; color:#003 }
 pre { white-space: pre-wrap }
+input,
+textarea { background:#cfc }
 
 /*
  * Underlined links add visual noise which make them hard-to-read.