Change data grid background color to have better contrast

This copies over the colors from the network panel grid to the
general data grid component.

Screenshots: https://imgur.com/a/kcQIpEV
Fixed: 40939838
Change-Id: I7598368bd7795c6affb8a0748cc43bb556d7b134
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6419750
Commit-Queue: Kateryna Prokopenko <[email protected]>
Reviewed-by: Kateryna Prokopenko <[email protected]>
Auto-Submit: Kim-Anh Tran <[email protected]>

Author: ktran

front_end/ui/legacy/components/data_grid/dataGrid.css

@@ -110,8 +110,12 @@
   user-select: text;
 }
 
-.data-grid tr:has(th) {
-  background-color: var(--sys-color-surface1);
+.data-grid tr {
+  background-color: var(--sys-color-surface);
+
+  &:has(th) {
+    background-color: var(--sys-color-surface1);
+  }
 }
 
 .data-grid th {