Bug 1545347 - Fix about:studies info box and text code backgrounds for dark mode r=dao
authorKestrel <ke5trel@protonmail.com>
Thu, 25 Apr 2019 12:19:56 +0000
changeset 530274 bc24585aee9d419f215b19d51061136305c0a8df
parent 530273 ca1461be7696bc092d983e2412945fdb83ed48cb
child 530275 8363a5bc551bd27c7b45db8644615bf68df31689
push id11265
push userffxbld-merge
push dateMon, 13 May 2019 10:53:39 +0000
treeherdermozilla-beta@77e0fe8dbdd3 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersdao
bugs1545347
milestone68.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 1545347 - Fix about:studies info box and text code backgrounds for dark mode r=dao Differential Revision: https://phabricator.services.mozilla.com/D28330
toolkit/components/normandy/content/about-studies/about-studies.css
--- a/toolkit/components/normandy/content/about-studies/about-studies.css
+++ b/toolkit/components/normandy/content/about-studies/about-studies.css
@@ -6,18 +6,16 @@
   --icon-background-color-1: #0A84FF;
   --icon-background-color-2: #008EA4;
   --icon-background-color-3: #ED00B5;
   --icon-background-color-4: #058B00;
   --icon-background-color-5: #A47F00;
   --icon-background-color-6: #FF0039;
   --icon-background-disabled-color: #737373;
   --body-text-disabled-color: #737373;
-  --info-box-background-color: #D7D7DB;
-  --info-box-border-color: #98979C;
   --study-status-active-color: #058B00;
   --study-status-disabled-color: #737373;
 }
 
 html,
 body,
 #app {
   height: 100%;
@@ -37,18 +35,18 @@ button > .button-box {
 
 .info-box {
   margin-bottom: 10px;
   text-align: center;
 }
 
 .info-box-content {
   align-items: center;
-  background: var(--info-box-background-color);
-  border: 1px solid var(--info-box-border-color);
+  background: var(--in-content-box-background-hover);
+  border: 1px solid var(--in-content-border-color);
   display: inline-flex;
   padding: 10px 15px;
 }
 
 .info-box-content > * {
   margin-right: 10px;
 }
 
@@ -151,20 +149,20 @@ button > .button-box {
   margin-right: 5px;
 }
 
 .study-header > *:last-child {
   margin-right: 0;
 }
 
 .study-description code {
-  background-color: var(--grey-20);
+  background-color: rgb(128, 128, 128, 0.1);
   border-radius: 3px;
   box-sizing: border-box;
   color: var(--in-content-text-color);
   font-size: 85%;
   font-family: 'Fira Mono', 'mono', monospace;
-  padding: .2em .4em;
+  padding: .05em .4em;
 }
 
 .study-actions {
   flex: 0 0;
 }