Bug 1502683 - photonized primary buttons. r=ntim,dao
authormatthias <matthias@kammueller.eu>
Fri, 30 Nov 2018 22:13:58 +0000
changeset 449050 0a07b04b44833ef2e543458c5ae5a60a0a6f648d
parent 449049 7b419fe2aaef1c8c7e1ffdedb66c09187728cdb9
child 449051 d97acd2c8af79d263ec6f11abd7a14b032f8e179
push id74129
push userdgottwald@mozilla.com
push dateSat, 01 Dec 2018 02:06:41 +0000
treeherderautoland@0a07b04b4483 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersntim, dao
bugs1502683
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 1502683 - photonized primary buttons. r=ntim,dao Differential Revision: https://phabricator.services.mozilla.com/D13549
toolkit/themes/shared/in-content/common.inc.css
--- a/toolkit/themes/shared/in-content/common.inc.css
+++ b/toolkit/themes/shared/in-content/common.inc.css
@@ -34,25 +34,28 @@
   --in-content-category-background-active: rgba(12,12,13,0.15);
   --in-content-category-background-selected-hover: rgba(12,12,13,0.15);
   --in-content-category-background-selected-active: rgba(12,12,13,0.2);
   --in-content-tab-color: #424f5a;
   --in-content-link-color: #0a8dff;
   --in-content-link-color-hover: #0060df;
   --in-content-link-color-active: #003eaa;
   --in-content-link-color-visited: #0a8dff;
-  --in-content-primary-button-background: #0a84ff;
-  --in-content-primary-button-background-hover: #0060df;
-  --in-content-primary-button-background-active: #003EAA;
+  --in-content-primary-button-background: var(--blue-60);
+  --in-content-primary-button-background-hover: var(--blue-70);
+  --in-content-primary-button-background-active: var(--blue-80);
   --in-content-table-background: #ebebeb;
   --in-content-table-border-dark-color: #d1d1d1;
   --in-content-table-header-background: #0a84ff;
 
   --blue-50: #0a84ff;
   --blue-50-a30: rgba(10, 132, 255, 0.3);
+  --blue-60: #0060df;
+  --blue-70: #003eaa;
+  --blue-80: #002275;
   --grey-20: #ededf0;
   --grey-30: #d7d7db;
   --grey-60: #4a4a4f;
   --grey-90: #0c0c0d;
   --grey-90-a10: rgba(12, 12, 13, 0.1);
   --grey-90-a20: rgba(12, 12, 13, 0.2);
   --grey-90-a30: rgba(12, 12, 13, 0.3);
   --grey-90-a50: rgba(12, 12, 13, 0.5);