Bug 1505066 - Update in-content table styles to use Photon colors and introduce striping on Windows r=ntim,dao
authormatthias <matthias@kammueller.eu>
Tue, 20 Nov 2018 11:15:37 +0000
changeset 503899 e289b39db880c1c8382b68a7a176d1788504ec9a
parent 503898 95a0973a373520f582880ac258e3d2ee7b1d914d
child 503900 395b95afd795a02a49d609cdbb3857274a02276f
push id10290
push userffxbld-merge
push dateMon, 03 Dec 2018 16:23:23 +0000
treeherdermozilla-beta@700bed2445e6 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersntim, dao
bugs1505066
milestone65.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
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
browser/components/aboutconfig/content/aboutconfig.css
toolkit/themes/shared/in-content/common.inc.css
toolkit/themes/windows/global/in-content/common.css
--- a/browser/components/aboutconfig/content/aboutconfig.css
+++ b/browser/components/aboutconfig/content/aboutconfig.css
@@ -27,17 +27,17 @@
   border-spacing: 0;
 }
 
 #prefs > tr:nth-child(odd) {
   background-color: var(--in-content-box-background-odd);
 }
 
 #prefs > tr:hover {
-  background-color: var(--in-content-box-background-hover);
+  background-color: var(--in-content-item-hover);
 }
 
 #prefs > tr.has-user-value {
   font-weight: bold;
 }
 
 #prefs > tr > td {
   padding: 4px;
--- a/toolkit/themes/shared/in-content/common.inc.css
+++ b/toolkit/themes/shared/in-content/common.inc.css
@@ -7,21 +7,21 @@
 @namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
 
 *|*:root {
   --in-content-page-color: #0c0c0d;
   --in-content-page-background: #f9f9fa;
   --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;
   --in-content-border-color: #d7d7db;
   --in-content-category-outline-focus: 1px dotted #0a84ff;
   --in-content-category-text: rgba(12,12,13);
   --in-content-category-text-selected: #0a84ff;
   --in-content-category-text-selected-active: #0060df;
--- a/toolkit/themes/windows/global/in-content/common.css
+++ b/toolkit/themes/windows/global/in-content/common.css
@@ -1,18 +1,14 @@
 /* - This Source Code Form is subject to the terms of the Mozilla Public
    - License, v. 2.0. If a copy of the MPL was not distributed with this file,
    - You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 %include ../../../shared/in-content/common.inc.css
 
-:root {
-  --in-content-box-background-odd: transparent;
-}
-
 xul|*.menulist-dropmarker {
   margin-top: 1px;
   margin-bottom: 1px;
 }
 
 xul|checkbox,
 xul|radio {
   padding-inline-start: 0;