Bug 1293018 - Make arrow panels white (using -moz-field) on Linux. r=paolo

--HG--
extra : rebase_source : cc514804b8ccbc73c99f894993ff041c00b568f1

browser/themes/linux/customizableui/panelUI.css

@@ -5,7 +5,7 @@
 %include ../../shared/customizableui/panelUI.inc.css
 
 .panel-subviews {
-  background-color: -moz-dialog;
+  background-color: var(--panel-arrowcontent-background);
 }
 
 #BMB_bookmarksPopup > menuitem[type="checkbox"] {

browser/themes/windows/customizableui/panelUI.css

@@ -5,7 +5,7 @@
 %include ../../shared/customizableui/panelUI.inc.css
 
 .panel-subviews {
-  background-color: -moz-field;
+  background-color: var(--panel-arrowcontent-background);
 }
 
 #PanelUI-contents #zoom-out-btn {

toolkit/themes/linux/global/icons/panelarrow-horizontal.svg

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="10" height="20">
-  <path d="M 10,-0.2 L -0.2,10 10,20.2 z" fill="ThreeDShadow"/>
-  <path d="M 10,1.2 L 1.2,10 10,18.8 z" fill="-moz-Dialog"/>
-</svg>

toolkit/themes/linux/global/icons/panelarrow-vertical.svg

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="20" height="10">
-  <path d="M -0.2,10 L 10,-0.2 20.2,10 z" fill="ThreeDShadow"/>
-  <path d="M 1.2,10 L 10,1.2 18.8,10 z" fill="-moz-Dialog"/>
-</svg>

toolkit/themes/linux/global/jar.mn

@@ -43,8 +43,6 @@ toolkit.jar:
    skin/classic/global/icons/blacklist_favicon.png             (icons/blacklist_favicon.png)
    skin/classic/global/icons/blacklist_large.png               (icons/blacklist_large.png)
    skin/classic/global/icons/close.svg                         (icons/close.svg)
-   skin/classic/global/icons/panelarrow-horizontal.svg         (icons/panelarrow-horizontal.svg)
-   skin/classic/global/icons/panelarrow-vertical.svg           (icons/panelarrow-vertical.svg)
    skin/classic/global/icons/resizer.png                       (icons/resizer.png)
    skin/classic/global/icons/sslWarning.png                    (icons/sslWarning.png)
 

toolkit/themes/linux/global/popup.css

@@ -7,8 +7,8 @@
 /* ::::: Variables ::::: */
 .panel-arrowcontent {
   --panel-arrowcontent-padding: 10px;
-  --panel-arrowcontent-background: -moz-Dialog;
-  --panel-arrowcontent-color: -moz-DialogText;
+  --panel-arrowcontent-background: -moz-field;
+  --panel-arrowcontent-color: -moz-fieldText;
   --panel-arrowcontent-border: 1px solid ThreeDShadow;
 }
 
@@ -48,7 +48,7 @@ panel[type="arrow"][side="right"] {
 
 .panel-arrow[side="top"],
 .panel-arrow[side="bottom"] {
-  list-style-image: url("chrome://global/skin/icons/panelarrow-vertical.svg");
+  list-style-image: url("chrome://global/skin/arrow/panelarrow-vertical-themed.svg");
   position: relative;
   margin-left: 6px;
   margin-right: 6px;
@@ -65,7 +65,7 @@ panel[type="arrow"][side="right"] {
 
 .panel-arrow[side="left"],
 .panel-arrow[side="right"] {
-  list-style-image: url("chrome://global/skin/icons/panelarrow-horizontal.svg");
+  list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal-themed.svg");
   position: relative;
   margin-top: 6px;
   margin-bottom: 6px;