Bug 1689761 - define common focus outline style for toolbars. r=desktop-theme-reviewers,ntim
☠☠ backed out by a65883accdf6 ☠ ☠
authorYura Zenevich <yura.zenevich@gmail.com>
Wed, 10 Feb 2021 15:21:04 +0000
changeset 566824 e63c5a6932e3eab13da954b379af0ee1c6a25b65
parent 566823 14b61d763ae5a8b97e05ce9d6998117c98580afc
child 566825 232a4e735cdcbdb6d16f05e3a9b79f8c69301a31
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;
   }