Bug 1689761 - define common focus outline style for toolbars. r=desktop-theme-reviewers,ntim
authorYura Zenevich <yura.zenevich@gmail.com>
Wed, 10 Feb 2021 16:00:05 +0000
changeset 566836 b75cfd88c6b2edb166dbfcf039e9ed6b30cd30bf
parent 566835 71f820db5357fba459141e5f346f3482986f00f3
child 566837 abd5c7e3aa80b04f351f460674e9cb6cacfe9fac
push id38191
push userbtara@mozilla.com
push dateThu, 11 Feb 2021 05:02:45 +0000
treeherdermozilla-central@5cbcb80f72bd [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersdesktop-theme-reviewers, ntim
bugs1689761
milestone87.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 1689761 - define common focus outline style for toolbars. r=desktop-theme-reviewers,ntim Differential Revision: https://phabricator.services.mozilla.com/D103821
browser/themes/shared/browser.inc.css
--- a/browser/themes/shared/browser.inc.css
+++ b/browser/themes/shared/browser.inc.css
@@ -15,16 +15,33 @@
 :root {
   /* Note: Setting this to 0 (without px) breaks CSS calculations for OSX. */
   --space-above-tabbar: 0px;
   --tabs-navbar-shadow-size: 1px;
   --short-notification-background: #0250BB;
   --short-notification-gradient: #9059FF;
 }
 
+@supports -moz-bool-pref("browser.proton.enabled") {
+  :root {
+    --focus-outline-color: currentColor;
+    --focus-outline: 2px solid var(--focus-outline-color);
+  }
+
+  @media not (prefers-contrast) {
+    :root {
+      --focus-outline-color: #0061E0;
+    }
+
+    :root:-moz-lwtheme-brighttext {
+      --focus-outline-color: #00DDFF;
+    }
+  }
+} /*** END !proton ***/
+
 :root[extradragspace][tabsintitlebar]:not([inFullscreen]) {
   --space-above-tabbar: 8px;
 }
 
 @media (min-resolution: 1.5dppx) {
   :root {
     --tabs-navbar-shadow-size: 0.5px;
   }