Bug 1505066 - Update in-content table styles to use Photon colors and introduce striping on Windows r=ntim,dao

Differential Revision: https://phabricator.services.mozilla.com/D11384

--HG--
extra : moz-landing-system : lando

browser/components/aboutconfig/content/aboutconfig.css

@@ -32,7 +32,7 @@
 }
 
 #prefs > tr:hover {
-  background-color: var(--in-content-box-background-hover);
+  background-color: var(--in-content-item-hover);
 }
 
 #prefs > tr.has-user-value {

toolkit/themes/shared/in-content/common.inc.css

@@ -12,11 +12,11 @@
   --in-content-text-color: #0c0c0d;
   --in-content-selected-text: #fff;
   --in-content-box-background: #fff;
-  --in-content-box-background-odd: #f3f6fa;
-  --in-content-box-background-hover: #ebebeb;
-  --in-content-box-background-active: #dadada;
-  --in-content-box-border-color: #d7d7db;
-  --in-content-item-hover: rgba(0,149,221,0.25);
+  --in-content-box-background-odd: rgba(12, 12, 13, 0.05); /* grey 90 a05 */
+  --in-content-box-background-hover: #ededf0; /* grey 20 */
+  --in-content-box-background-active: #d7d7db; /* grey 30 */
+  --in-content-box-border-color: #d7d7db; /* grey 30 */
+  --in-content-item-hover: rgba(69, 161, 255, 0.2); /* blue 40 a20 */
   --in-content-item-selected: #0a84ff;
   --in-content-border-highlight: #0a84ff;
   --in-content-border-focus: #0a84ff;

toolkit/themes/windows/global/in-content/common.css

@@ -4,10 +4,6 @@
 
 %include ../../../shared/in-content/common.inc.css
 
-:root {
-  --in-content-box-background-odd: transparent;
-}
-
 xul|*.menulist-dropmarker {
   margin-top: 1px;
   margin-bottom: 1px;