diff --git a/browser/themes/linux/jar.mn b/browser/themes/linux/jar.mn index 0425a02bc4c7..f287d0d45797 100644 --- a/browser/themes/linux/jar.mn +++ b/browser/themes/linux/jar.mn @@ -267,6 +267,8 @@ browser.jar: skin/classic/browser/translation-16@2x.png (../shared/translation/translation-16@2x.png) skin/classic/browser/devedition/search.svg (../shared/devedition/search.svg) skin/classic/browser/devedition/urlbar-history-dropmarker.svg (../shared/devedition/urlbar-history-dropmarker.svg) + skin/classic/browser/devedition/urlbar-arrow.png (../shared/devedition/urlbar-arrow.png) + skin/classic/browser/devedition/urlbar-arrow@2x.png (../shared/devedition/urlbar-arrow@2x.png) * skin/classic/browser/devtools/common.css (../shared/devtools/common.css) * skin/classic/browser/devtools/dark-theme.css (../shared/devtools/dark-theme.css) * skin/classic/browser/devtools/light-theme.css (../shared/devtools/light-theme.css) diff --git a/browser/themes/osx/jar.mn b/browser/themes/osx/jar.mn index 1cf2572ac635..c390208b61ac 100644 --- a/browser/themes/osx/jar.mn +++ b/browser/themes/osx/jar.mn @@ -368,6 +368,8 @@ browser.jar: skin/classic/browser/translation-16@2x.png (../shared/translation/translation-16@2x.png) skin/classic/browser/devedition/search.svg (../shared/devedition/search.svg) skin/classic/browser/devedition/urlbar-history-dropmarker.svg (../shared/devedition/urlbar-history-dropmarker.svg) + skin/classic/browser/devedition/urlbar-arrow.png (../shared/devedition/urlbar-arrow.png) + skin/classic/browser/devedition/urlbar-arrow@2x.png (../shared/devedition/urlbar-arrow@2x.png) * skin/classic/browser/devtools/common.css (../shared/devtools/common.css) * skin/classic/browser/devtools/dark-theme.css (../shared/devtools/dark-theme.css) * skin/classic/browser/devtools/light-theme.css (../shared/devtools/light-theme.css) diff --git a/browser/themes/shared/devedition.inc.css b/browser/themes/shared/devedition.inc.css index f73b871e5008..e1531f681981 100644 --- a/browser/themes/shared/devedition.inc.css +++ b/browser/themes/shared/devedition.inc.css @@ -241,10 +241,21 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper { -moz-margin-start: 0; } -/* Make the white notication box stick out less. */ +/* Swap out the white arrow with a dark one for the dark theme */ +:root[devtoolstheme="dark"] #notification-popup-box { + border-image: url("chrome://browser/skin/devedition/urlbar-arrow.png") 0 8 0 0 fill; +} + +@media (min-resolution: 1.1dppx) { + :root[devtoolstheme="dark"] #notification-popup-box { + border-image: url("chrome://browser/skin/devedition/urlbar-arrow@2x.png") 0 16 0 0 fill; + } +} + +/* Make the white notication box stick out less and squish it next to the + * identity box since the border image won't be taking up any space. */ #notification-popup-box { border-radius: 0; - border: none; background: transparent; } diff --git a/browser/themes/shared/devedition/urlbar-arrow.png b/browser/themes/shared/devedition/urlbar-arrow.png new file mode 100644 index 000000000000..c14afc780b4a Binary files /dev/null and b/browser/themes/shared/devedition/urlbar-arrow.png differ diff --git a/browser/themes/shared/devedition/urlbar-arrow@2x.png b/browser/themes/shared/devedition/urlbar-arrow@2x.png new file mode 100644 index 000000000000..e6867a49898e Binary files /dev/null and b/browser/themes/shared/devedition/urlbar-arrow@2x.png differ diff --git a/browser/themes/windows/jar.mn b/browser/themes/windows/jar.mn index e71858b44d09..bec4a58989a8 100644 --- a/browser/themes/windows/jar.mn +++ b/browser/themes/windows/jar.mn @@ -367,6 +367,8 @@ browser.jar: skin/classic/browser/translation-16@2x.png (../shared/translation/translation-16@2x.png) skin/classic/browser/devedition/search.svg (../shared/devedition/search.svg) skin/classic/browser/devedition/urlbar-history-dropmarker.svg (../shared/devedition/urlbar-history-dropmarker.svg) + skin/classic/browser/devedition/urlbar-arrow.png (../shared/devedition/urlbar-arrow.png) + skin/classic/browser/devedition/urlbar-arrow@2x.png (../shared/devedition/urlbar-arrow@2x.png) * skin/classic/browser/devtools/common.css (../shared/devtools/common.css) * skin/classic/browser/devtools/dark-theme.css (../shared/devtools/dark-theme.css) * skin/classic/browser/devtools/light-theme.css (../shared/devtools/light-theme.css)