when we set an explicit form foreground colour, set an explicit background one too to prevent system-level dark themes on Linux etc making the foreground text unreadable

src/skins/vector/css/common.css

@@ -207,4 +207,5 @@ input[type=text]:focus, textarea:focus {
     border: 1px solid #f0f0f0;
     padding: 9px;
     color: #454545;
+    background-color: #fff;
 }

src/skins/vector/css/matrix-react-sdk/views/dialogs/SetDisplayNameDialog.css

@@ -19,5 +19,6 @@ limitations under the License.
     border: 1px solid #f0f0f0;
     padding: 9px;
     color: #454545;
+    background-color: #fff;
     font-size: 15px;
 }

src/skins/vector/css/matrix-react-sdk/views/rooms/MessageComposer.css

@@ -57,6 +57,7 @@ limitations under the License.
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
+    background-color: #fff;
 
     /* needed for FF */
     font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;

src/skins/vector/css/matrix-react-sdk/views/rooms/RoomSettings.css

@@ -47,18 +47,6 @@ limitations under the License.
     margin-bottom: 10px;
 }
 
-/*
-.mx_RoomSettings input,
-.mx_RoomSettings textarea  {
-    border-radius: 3px;
-    border: 1px solid #c7c7c7;
-    font-weight: 300;
-    font-size: 13px;
-    padding: 9px;
-    margin-top: 6px;
-}
-*/
-
 .mx_RoomSettings .mx_RoomSettings_toggles label {
     margin-bottom: 8px;
     display: block;

src/skins/vector/css/matrix-react-sdk/views/rooms/SearchableEntityList.css

@@ -28,6 +28,7 @@ limitations under the License.
     border: 1px solid #f0f0f0;
     padding: 9px;
     color: #454545;
+    background-color: #fff;
     margin-left: 3px;
     font-size: 15px;
     margin-bottom: 8px;