diff --git a/browser/components/newtab/content-src/components/CustomizeMenu/_CustomizeMenu.scss b/browser/components/newtab/content-src/components/CustomizeMenu/_CustomizeMenu.scss
index 0a807f13ff14..b524834421dc 100644
--- a/browser/components/newtab/content-src/components/CustomizeMenu/_CustomizeMenu.scss
+++ b/browser/components/newtab/content-src/components/CustomizeMenu/_CustomizeMenu.scss
@@ -182,7 +182,7 @@
margin-bottom: 2px;
-moz-context-properties: fill;
fill: var(--customize-menu-primary-text-color);
- background: url('#{$image-path}glyph-arrowhead-down-12.svg') right no-repeat;
+ background: url('chrome://global/skin/icons/arrow-down-12.svg') right no-repeat;
background-size: 8px;
background-origin: content-box;
background-color: var(--customize-menu-background);
diff --git a/browser/components/newtab/content-src/styles/_icons.scss b/browser/components/newtab/content-src/styles/_icons.scss
index a78db669fad7..33f6671dc56c 100644
--- a/browser/components/newtab/content-src/styles/_icons.scss
+++ b/browser/components/newtab/content-src/styles/_icons.scss
@@ -167,14 +167,14 @@
}
&.icon-arrowhead-down-small {
- background-image: url('chrome://activity-stream/content/data/content/assets/glyph-arrowhead-down-12.svg');
+ background-image: url('chrome://global/skin/icons/arrow-down-12.svg');
background-size: $smaller-icon-size;
height: $smaller-icon-size;
width: $smaller-icon-size;
}
&.icon-arrowhead-forward-small {
- background-image: url('chrome://activity-stream/content/data/content/assets/glyph-arrowhead-down-12.svg');
+ background-image: url('chrome://global/skin/icons/arrow-down-12.svg');
background-size: $smaller-icon-size;
height: $smaller-icon-size;
transform: rotate(-90deg);
diff --git a/browser/components/newtab/css/activity-stream-linux.css b/browser/components/newtab/css/activity-stream-linux.css
index dd8766462c8c..f2e72bebf4c5 100644
--- a/browser/components/newtab/css/activity-stream-linux.css
+++ b/browser/components/newtab/css/activity-stream-linux.css
@@ -334,13 +334,13 @@ body[lwt-newtab-brighttext] {
background-image: url("chrome://activity-stream/content/data/content/assets/glyph-arrowhead-down-16.svg");
}
.icon.icon-arrowhead-down-small {
- background-image: url("chrome://activity-stream/content/data/content/assets/glyph-arrowhead-down-12.svg");
+ background-image: url("chrome://global/skin/icons/arrow-down-12.svg");
background-size: 12px;
height: 12px;
width: 12px;
}
.icon.icon-arrowhead-forward-small {
- background-image: url("chrome://activity-stream/content/data/content/assets/glyph-arrowhead-down-12.svg");
+ background-image: url("chrome://global/skin/icons/arrow-down-12.svg");
background-size: 12px;
height: 12px;
transform: rotate(-90deg);
@@ -2163,7 +2163,7 @@ main.has-snippet {
margin-bottom: 2px;
-moz-context-properties: fill;
fill: var(--customize-menu-primary-text-color);
- background: url("chrome://activity-stream/content/data/content/assets/glyph-arrowhead-down-12.svg") right no-repeat;
+ background: url("chrome://global/skin/icons/arrow-down-12.svg") right no-repeat;
background-size: 8px;
background-origin: content-box;
background-color: var(--customize-menu-background);
diff --git a/browser/components/newtab/css/activity-stream-mac.css b/browser/components/newtab/css/activity-stream-mac.css
index 1ef4961ff4e5..1a9d27bef172 100644
--- a/browser/components/newtab/css/activity-stream-mac.css
+++ b/browser/components/newtab/css/activity-stream-mac.css
@@ -338,13 +338,13 @@ body[lwt-newtab-brighttext] {
background-image: url("chrome://activity-stream/content/data/content/assets/glyph-arrowhead-down-16.svg");
}
.icon.icon-arrowhead-down-small {
- background-image: url("chrome://activity-stream/content/data/content/assets/glyph-arrowhead-down-12.svg");
+ background-image: url("chrome://global/skin/icons/arrow-down-12.svg");
background-size: 12px;
height: 12px;
width: 12px;
}
.icon.icon-arrowhead-forward-small {
- background-image: url("chrome://activity-stream/content/data/content/assets/glyph-arrowhead-down-12.svg");
+ background-image: url("chrome://global/skin/icons/arrow-down-12.svg");
background-size: 12px;
height: 12px;
transform: rotate(-90deg);
@@ -2167,7 +2167,7 @@ main.has-snippet {
margin-bottom: 2px;
-moz-context-properties: fill;
fill: var(--customize-menu-primary-text-color);
- background: url("chrome://activity-stream/content/data/content/assets/glyph-arrowhead-down-12.svg") right no-repeat;
+ background: url("chrome://global/skin/icons/arrow-down-12.svg") right no-repeat;
background-size: 8px;
background-origin: content-box;
background-color: var(--customize-menu-background);
diff --git a/browser/components/newtab/css/activity-stream-windows.css b/browser/components/newtab/css/activity-stream-windows.css
index a508d1550888..4120f336aead 100644
--- a/browser/components/newtab/css/activity-stream-windows.css
+++ b/browser/components/newtab/css/activity-stream-windows.css
@@ -334,13 +334,13 @@ body[lwt-newtab-brighttext] {
background-image: url("chrome://activity-stream/content/data/content/assets/glyph-arrowhead-down-16.svg");
}
.icon.icon-arrowhead-down-small {
- background-image: url("chrome://activity-stream/content/data/content/assets/glyph-arrowhead-down-12.svg");
+ background-image: url("chrome://global/skin/icons/arrow-down-12.svg");
background-size: 12px;
height: 12px;
width: 12px;
}
.icon.icon-arrowhead-forward-small {
- background-image: url("chrome://activity-stream/content/data/content/assets/glyph-arrowhead-down-12.svg");
+ background-image: url("chrome://global/skin/icons/arrow-down-12.svg");
background-size: 12px;
height: 12px;
transform: rotate(-90deg);
@@ -2163,7 +2163,7 @@ main.has-snippet {
margin-bottom: 2px;
-moz-context-properties: fill;
fill: var(--customize-menu-primary-text-color);
- background: url("chrome://activity-stream/content/data/content/assets/glyph-arrowhead-down-12.svg") right no-repeat;
+ background: url("chrome://global/skin/icons/arrow-down-12.svg") right no-repeat;
background-size: 8px;
background-origin: content-box;
background-color: var(--customize-menu-background);
diff --git a/browser/installer/allowed-dupes.mn b/browser/installer/allowed-dupes.mn
index 854e62ff6740..dc50f9e1d950 100644
--- a/browser/installer/allowed-dupes.mn
+++ b/browser/installer/allowed-dupes.mn
@@ -102,8 +102,6 @@ browser/chrome/browser/content/activity-stream/data/content/tippytop/favicons/ya
browser/chrome/browser/search-extensions/yandex/yandex-ru.ico
# Bug 1698146, bug 1699586 - Deduplicate chevrons/arrows in the tree
-chrome/toolkit/skin/classic/global/icons/arrow-dropdown-12.svg
-chrome/toolkit/skin/classic/global/icons/twisty-expanded.svg
chrome/toolkit/skin/classic/global/icons/twisty-collapsed-rtl.svg
chrome/toolkit/skin/classic/global/icons/arrow-dropdown-16.svg
chrome/toolkit/skin/classic/global/icons/find-next-arrow.svg
@@ -124,7 +122,6 @@ chrome/toolkit/skin/classic/global/icons/lightbulb.svg
# Bug 1708502 - De-duplicate about:newtab icons
browser/chrome/browser/content/activity-stream/data/content/assets/glyph-arrow.svg
-browser/chrome/browser/content/activity-stream/data/content/assets/glyph-arrowhead-down-12.svg
browser/chrome/browser/content/activity-stream/data/content/assets/glyph-arrowhead-down-16.svg
browser/chrome/browser/content/activity-stream/data/content/assets/glyph-caret-right.svg
browser/chrome/browser/content/activity-stream/data/content/assets/glyph-dismiss-16.svg
diff --git a/browser/themes/linux/places/organizer.css b/browser/themes/linux/places/organizer.css
index ef17fc32d1ff..97ee94ecad7b 100644
--- a/browser/themes/linux/places/organizer.css
+++ b/browser/themes/linux/places/organizer.css
@@ -80,7 +80,7 @@
display: -moz-box;
width: 12px;
height: 12px;
- content: url("chrome://global/skin/icons/arrow-dropdown-12.svg");
+ content: url("chrome://global/skin/icons/arrow-down-12.svg");
-moz-context-properties: fill;
fill: currentColor;
}
diff --git a/browser/themes/osx/places/organizer.css b/browser/themes/osx/places/organizer.css
index dbf48d11faea..808a082c5fe1 100644
--- a/browser/themes/osx/places/organizer.css
+++ b/browser/themes/osx/places/organizer.css
@@ -73,7 +73,7 @@
}
#placesToolbar > toolbarbutton[type="menu"] > .toolbarbutton-menu-dropmarker {
- list-style-image: url(chrome://global/skin/icons/arrow-dropdown-12.svg);
+ list-style-image: url(chrome://global/skin/icons/arrow-down-12.svg);
padding: 0;
margin-inline-end: 2px;
}
diff --git a/browser/themes/shared/browser.inc.css b/browser/themes/shared/browser.inc.css
index 4705cd281705..568aba87c01f 100644
--- a/browser/themes/shared/browser.inc.css
+++ b/browser/themes/shared/browser.inc.css
@@ -712,7 +712,7 @@ menupopup::part(drop-indicator) {
}
.ac-dropmarker::part(icon) {
- list-style-image: url(chrome://global/skin/icons/arrow-dropdown-12.svg);
+ list-style-image: url(chrome://global/skin/icons/arrow-down-12.svg);
-moz-context-properties: fill;
fill: var(--input-color, -moz-DialogText);
}
diff --git a/browser/themes/shared/customizableui/panelUI.inc.css b/browser/themes/shared/customizableui/panelUI.inc.css
index 74486701df32..bc138624ea1d 100644
--- a/browser/themes/shared/customizableui/panelUI.inc.css
+++ b/browser/themes/shared/customizableui/panelUI.inc.css
@@ -2726,7 +2726,7 @@ panelview:not([mainview]) #PanelUI-whatsNew-title {
margin-block-start: 5px;
-moz-context-properties: fill;
fill: currentColor;
- background: url("chrome://global/skin/icons/arrow-dropdown-12.svg") center center no-repeat;
+ background: url("chrome://global/skin/icons/arrow-down-12.svg") center center no-repeat;
}
#PanelUI-profiler-presets:-moz-locale-dir(ltr)::after {
diff --git a/browser/themes/shared/places/sidebar.inc.css b/browser/themes/shared/places/sidebar.inc.css
index 5b3c52e11dcb..2aa8fdf972f3 100644
--- a/browser/themes/shared/places/sidebar.inc.css
+++ b/browser/themes/shared/places/sidebar.inc.css
@@ -73,7 +73,7 @@
#viewButton > .button-box > .button-menu-dropmarker {
appearance: none !important;
display: -moz-box;
- list-style-image: url("chrome://global/skin/icons/arrow-dropdown-12.svg");
+ list-style-image: url("chrome://global/skin/icons/arrow-down-12.svg");
width: 12px;
height: 12px;
-moz-context-properties: fill;
diff --git a/browser/themes/shared/preferences/privacy.css b/browser/themes/shared/preferences/privacy.css
index 16afc6f97645..b55c242b4c05 100644
--- a/browser/themes/shared/preferences/privacy.css
+++ b/browser/themes/shared/preferences/privacy.css
@@ -139,7 +139,7 @@
min-width: 20px;
max-height: 20px;
max-width: 20px;
- list-style-image: url("chrome://global/skin/icons/arrow-dropdown-12.svg");
+ list-style-image: url("chrome://global/skin/icons/arrow-down-12.svg");
background-color: transparent;
padding: 3px;
}
diff --git a/browser/themes/shared/sidebar.inc.css b/browser/themes/shared/sidebar.inc.css
index 70210ce4aa88..a2108e833c65 100644
--- a/browser/themes/shared/sidebar.inc.css
+++ b/browser/themes/shared/sidebar.inc.css
@@ -64,7 +64,7 @@
}
#sidebar-switcher-arrow {
- list-style-image: url(chrome://global/skin/icons/arrow-dropdown-12.svg);
+ list-style-image: url(chrome://global/skin/icons/arrow-down-12.svg);
width: 12px;
height: 12px;
}
diff --git a/browser/themes/shared/syncedtabs/sidebar.inc.css b/browser/themes/shared/syncedtabs/sidebar.inc.css
index adaa65bb4b81..38468dcb2b05 100644
--- a/browser/themes/shared/syncedtabs/sidebar.inc.css
+++ b/browser/themes/shared/syncedtabs/sidebar.inc.css
@@ -84,7 +84,7 @@ body {
.item.client .item-twisty-container {
min-width: 12px;
height: 12px;
- background-image: url("chrome://global/skin/icons/twisty-expanded.svg");
+ background-image: url("chrome://global/skin/icons/arrow-down-12.svg");
-moz-context-properties: fill, fill-opacity;
fill: currentColor;
fill-opacity: 1;
diff --git a/browser/themes/shared/translation/infobar.inc.css b/browser/themes/shared/translation/infobar.inc.css
index 47df3174c01f..6762de16622d 100644
--- a/browser/themes/shared/translation/infobar.inc.css
+++ b/browser/themes/shared/translation/infobar.inc.css
@@ -38,7 +38,7 @@ notification[value="translation"] menulist::part(dropmarker) {
}
notification[value="translation"] menulist::part(dropmarker-icon) {
- list-style-image: url(chrome://global/skin/icons/arrow-dropdown-12.svg);
+ list-style-image: url(chrome://global/skin/icons/arrow-down-12.svg);
-moz-context-properties: fill;
fill: currentColor;
}
diff --git a/browser/themes/shared/urlbar-searchbar.inc.css b/browser/themes/shared/urlbar-searchbar.inc.css
index 3919e1f569cd..ad63061e0fa0 100644
--- a/browser/themes/shared/urlbar-searchbar.inc.css
+++ b/browser/themes/shared/urlbar-searchbar.inc.css
@@ -843,7 +843,7 @@
}
.searchbar-search-button:hover:not([addengines=true]) > .searchbar-search-icon-overlay {
- list-style-image: url(chrome://global/skin/icons/arrow-dropdown-12.svg);
+ list-style-image: url(chrome://global/skin/icons/arrow-down-12.svg);
-moz-context-properties: fill;
margin-inline: -8px 2px;
width: 6px;
diff --git a/browser/themes/windows/places/organizer.css b/browser/themes/windows/places/organizer.css
index a3439c24016a..44488d298d30 100644
--- a/browser/themes/windows/places/organizer.css
+++ b/browser/themes/windows/places/organizer.css
@@ -145,7 +145,7 @@
#placesMenu > menu > .menubar-text {
margin-block: 0 !important; /* override menu.css */
padding-inline-end: 8px;
- background: url(chrome://global/skin/icons/arrow-dropdown-12.svg) right center no-repeat;
+ background: url(chrome://global/skin/icons/arrow-down-12.svg) right center no-repeat;
background-size: 6px;
}
@@ -313,7 +313,7 @@ treechildren::-moz-tree-separator(selected) {
border-radius: 4px;
color: var(--organizer-color);
background-color: var(--organizer-content-background);
- list-style-image: url("chrome://global/skin/icons/arrow-dropdown-12.svg");
+ list-style-image: url("chrome://global/skin/icons/arrow-down-12.svg");
-moz-context-properties: fill;
fill: currentColor;
}
@@ -337,7 +337,7 @@ treechildren::-moz-tree-separator(selected) {
}
#editBookmarkPanelRows .expander-up {
- transform: scaleY(-1);
+ list-style-image: url("chrome://global/skin/icons/arrow-up-12.svg");
}
#editBookmarkPanelRows .expander-up > .button-box,
diff --git a/toolkit/components/aboutperformance/content/aboutPerformance.css b/toolkit/components/aboutperformance/content/aboutPerformance.css
index 62085a9f8c06..cea618255dd3 100644
--- a/toolkit/components/aboutperformance/content/aboutPerformance.css
+++ b/toolkit/components/aboutperformance/content/aboutPerformance.css
@@ -159,7 +159,7 @@ td {
transform: scaleX(-1);
}
.twisty.open::before {
- content: url("chrome://global/skin/icons/twisty-expanded.svg");
+ content: url("chrome://global/skin/icons/arrow-down-12.svg");
}
#dispatch-tbody > tr > td.indent {
padding-inline-start: 88px;
@@ -201,7 +201,7 @@ td {
fill: currentColor;
}
.desc {
- background-image: url(chrome://global/skin/icons/arrow-dropdown-12.svg);
+ background-image: url(chrome://global/skin/icons/arrow-down-12.svg);
-moz-context-properties: fill;
fill: currentColor;
}
diff --git a/toolkit/components/aboutprocesses/content/aboutProcesses.css b/toolkit/components/aboutprocesses/content/aboutProcesses.css
index d1a8de4ab9da..5b8030e4b82e 100644
--- a/toolkit/components/aboutprocesses/content/aboutProcesses.css
+++ b/toolkit/components/aboutprocesses/content/aboutProcesses.css
@@ -106,7 +106,7 @@ td:first-child {
content: url("chrome://global/skin/icons/twisty-collapsed-rtl.svg");
}
.twisty.open::before {
- content: url("chrome://global/skin/icons/twisty-expanded.svg");
+ content: url("chrome://global/skin/icons/arrow-down-12.svg");
}
.indent {
padding-inline: 48px 0;
@@ -156,11 +156,11 @@ tr[selected] > td {
background-image: url(chrome://global/skin/icons/arrow-up-12.svg);
}
.desc {
- background-image: url(chrome://global/skin/icons/arrow-dropdown-12.svg);
+ background-image: url(chrome://global/skin/icons/arrow-down-12.svg);
}
%else
.asc {
- background-image: url(chrome://global/skin/icons/arrow-dropdown-12.svg);
+ background-image: url(chrome://global/skin/icons/arrow-down-12.svg);
}
.desc {
background-image: url(chrome://global/skin/icons/arrow-up-12.svg);
diff --git a/toolkit/components/printing/content/print.css b/toolkit/components/printing/content/print.css
index 8b51f828e588..d99da399e67c 100644
--- a/toolkit/components/printing/content/print.css
+++ b/toolkit/components/printing/content/print.css
@@ -108,7 +108,7 @@ select:not([size], [multiple])[iconic] {
#printer-picker {
background-size: auto 12px, 16px;
- background-image: url("chrome://global/skin/icons/arrow-dropdown-12.svg"), url("chrome://global/skin/icons/print.svg");
+ background-image: url("chrome://global/skin/icons/arrow-down-12.svg"), url("chrome://global/skin/icons/print.svg");
background-position: right 3px center, left 8px center;
width: 100%;
}
@@ -118,7 +118,7 @@ select:not([size], [multiple])[iconic] {
}
#printer-picker[output="pdf"] {
- background-image: url("chrome://global/skin/icons/arrow-dropdown-12.svg"), url("chrome://global/skin/icons/page-portrait.svg");
+ background-image: url("chrome://global/skin/icons/arrow-down-12.svg"), url("chrome://global/skin/icons/page-portrait.svg");
}
input[type="number"],
@@ -151,14 +151,13 @@ input[type="text"] {
}
#more-settings > summary > .twisty {
- background-image: url("chrome://global/skin/icons/twisty-expanded.svg");
+ background-image: url("chrome://global/skin/icons/arrow-down-12.svg");
background-repeat: no-repeat;
background-position: center;
-moz-context-properties: fill;
fill: currentColor;
width: 12px;
height: 12px;
- scale: 1 1;
}
#more-settings > summary > .label {
@@ -166,8 +165,7 @@ input[type="text"] {
}
#more-settings[open] > summary > .twisty {
- /* flip arrow to point up for the open state */
- scale: 1 -1;
+ background-image: url("chrome://global/skin/icons/arrow-up-12.svg");
}
#open-dialog-link {
diff --git a/toolkit/themes/linux/global/button.css b/toolkit/themes/linux/global/button.css
index 8ba408a5a478..edf9ca457203 100644
--- a/toolkit/themes/linux/global/button.css
+++ b/toolkit/themes/linux/global/button.css
@@ -70,5 +70,5 @@ button[type="disclosure"] {
}
button[type="disclosure"][open="true"] {
- list-style-image: url("chrome://global/skin/icons/twisty-expanded.svg");
+ list-style-image: url("chrome://global/skin/icons/arrow-down-12.svg");
}
diff --git a/toolkit/themes/linux/global/toolbarbutton.css b/toolkit/themes/linux/global/toolbarbutton.css
index a29aad0271e1..cb3ea05c7035 100644
--- a/toolkit/themes/linux/global/toolbarbutton.css
+++ b/toolkit/themes/linux/global/toolbarbutton.css
@@ -60,7 +60,7 @@ toolbarbutton:-moz-lwtheme:not(:hover, [checked="true"], [open="true"], [disable
.toolbarbutton-combined-buttons-dropmarker {
appearance: none;
- list-style-image: url("chrome://global/skin/icons/arrow-dropdown-12.svg");
+ list-style-image: url("chrome://global/skin/icons/arrow-down-12.svg");
-moz-context-properties: fill;
fill: currentColor;
width: auto;
diff --git a/toolkit/themes/osx/global/toolbarbutton.css b/toolkit/themes/osx/global/toolbarbutton.css
index b0a403331622..318655d18d5b 100644
--- a/toolkit/themes/osx/global/toolbarbutton.css
+++ b/toolkit/themes/osx/global/toolbarbutton.css
@@ -26,7 +26,7 @@ toolbarbutton[disabled="true"] {
.toolbarbutton-menu-dropmarker,
.toolbarbutton-combined-buttons-dropmarker {
appearance: none;
- list-style-image: url("chrome://global/skin/icons/arrow-dropdown-12.svg");
+ list-style-image: url("chrome://global/skin/icons/arrow-down-12.svg");
-moz-context-properties: fill;
fill: currentColor;
width: auto;
diff --git a/toolkit/themes/shared/arrowscrollbox.css b/toolkit/themes/shared/arrowscrollbox.css
index ebd620496724..842c443167fc 100644
--- a/toolkit/themes/shared/arrowscrollbox.css
+++ b/toolkit/themes/shared/arrowscrollbox.css
@@ -14,7 +14,7 @@
toolbarbutton {
color: inherit !important; /* override any color changes for toolbar buttons in e.g. disabled or hover states */
- list-style-image: url("chrome://global/skin/icons/arrow-dropdown-12.svg");
+ list-style-image: url("chrome://global/skin/icons/arrow-down-12.svg");
-moz-context-properties: fill, fill-opacity;
fill: currentColor;
fill-opacity: 1;
@@ -30,7 +30,7 @@ toolbarbutton[disabled="true"] {
}
#scrollbutton-up > .toolbarbutton-icon {
- transform: scaleY(-1);
+ list-style-image: url("chrome://global/skin/icons/arrow-up-12.svg");
}
:host([orient="horizontal"]) > #scrollbutton-down:-moz-locale-dir(ltr) > .toolbarbutton-icon,
diff --git a/browser/components/newtab/data/content/assets/glyph-arrowhead-down-12.svg b/toolkit/themes/shared/icons/arrow-down-12.svg
similarity index 100%
rename from browser/components/newtab/data/content/assets/glyph-arrowhead-down-12.svg
rename to toolkit/themes/shared/icons/arrow-down-12.svg
diff --git a/toolkit/themes/shared/icons/arrow-dropdown-12.svg b/toolkit/themes/shared/icons/arrow-dropdown-12.svg
deleted file mode 100644
index 6b9d465bc1c5..000000000000
--- a/toolkit/themes/shared/icons/arrow-dropdown-12.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-
-
diff --git a/toolkit/themes/shared/icons/twisty-expanded.svg b/toolkit/themes/shared/icons/twisty-expanded.svg
deleted file mode 100644
index 6b9d465bc1c5..000000000000
--- a/toolkit/themes/shared/icons/twisty-expanded.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-
-
diff --git a/toolkit/themes/shared/in-content/common.inc.css b/toolkit/themes/shared/in-content/common.inc.css
index b28d0f8919bc..2b4a80305128 100644
--- a/toolkit/themes/shared/in-content/common.inc.css
+++ b/toolkit/themes/shared/in-content/common.inc.css
@@ -406,7 +406,7 @@ xul|tab:-moz-focusring > .tab-middle > .tab-text {
}
html|select:not([size], [multiple]) {
- background-image: url("chrome://global/skin/icons/arrow-dropdown-12.svg");
+ background-image: url("chrome://global/skin/icons/arrow-down-12.svg");
background-position: right 3px center;
background-repeat: no-repeat;
background-size: auto 12px;
@@ -546,7 +546,7 @@ xul|menulist::part(dropmarker) {
padding: 0;
border: none;
background-color: transparent;
- list-style-image: url("chrome://global/skin/icons/arrow-dropdown-12.svg");
+ list-style-image: url("chrome://global/skin/icons/arrow-down-12.svg");
-moz-context-properties: fill;
fill: currentColor;
}
diff --git a/toolkit/themes/shared/jar.inc.mn b/toolkit/themes/shared/jar.inc.mn
index 77d87f1aa20b..07c6a20b705d 100644
--- a/toolkit/themes/shared/jar.inc.mn
+++ b/toolkit/themes/shared/jar.inc.mn
@@ -77,12 +77,11 @@ toolkit.jar:
skin/classic/global/icons/sort-arrow.svg (../../shared/icons/sort-arrow.svg)
skin/classic/global/icons/twisty-collapsed.svg (../../shared/icons/twisty-collapsed.svg)
skin/classic/global/icons/twisty-collapsed-rtl.svg (../../shared/icons/twisty-collapsed-rtl.svg)
- skin/classic/global/icons/twisty-expanded.svg (../../shared/icons/twisty-expanded.svg)
#if defined(NIGHTLY_BUILD)
skin/classic/global/icons/icon-refresh.svg (../../shared/icons/icon-refresh.svg)
#endif
skin/classic/global/icons/update-icon.svg (../../shared/icons/update-icon.svg)
- skin/classic/global/icons/arrow-dropdown-12.svg (../../shared/icons/arrow-dropdown-12.svg)
+ skin/classic/global/icons/arrow-down-12.svg (../../shared/icons/arrow-down-12.svg)
skin/classic/global/icons/arrow-dropdown-16.svg (../../shared/icons/arrow-dropdown-16.svg)
skin/classic/global/icons/arrow-up-12.svg (../../shared/icons/arrow-up-12.svg)
skin/classic/global/icons/arrow-up-16.svg (../../shared/icons/arrow-up-16.svg)
diff --git a/toolkit/themes/shared/tree.inc.css b/toolkit/themes/shared/tree.inc.css
index 8fda376de56f..742817e2f805 100644
--- a/toolkit/themes/shared/tree.inc.css
+++ b/toolkit/themes/shared/tree.inc.css
@@ -185,7 +185,7 @@ treechildren:-moz-locale-dir(rtl)::-moz-tree-twisty(closed) {
}
treechildren::-moz-tree-twisty(open) {
- list-style-image: url("chrome://global/skin/icons/twisty-expanded.svg");
+ list-style-image: url("chrome://global/skin/icons/arrow-down-12.svg");
}
treechildren::-moz-tree-indentation {
diff --git a/toolkit/themes/windows/global/button.css b/toolkit/themes/windows/global/button.css
index 977d4193655a..283f609dfe8b 100644
--- a/toolkit/themes/windows/global/button.css
+++ b/toolkit/themes/windows/global/button.css
@@ -60,7 +60,7 @@ button:where([disabled="true"]) {
.button-menu-dropmarker {
appearance: none;
- list-style-image: url("chrome://global/skin/icons/arrow-dropdown-12.svg");
+ list-style-image: url("chrome://global/skin/icons/arrow-down-12.svg");
-moz-context-properties: fill;
fill: currentColor;
width: 12px;
@@ -84,5 +84,5 @@ button[type="disclosure"] {
}
button[type="disclosure"][open="true"] {
- list-style-image: url("chrome://global/skin/icons/twisty-expanded.svg");
+ list-style-image: url("chrome://global/skin/icons/arrow-down-12.svg");
}
diff --git a/toolkit/themes/windows/global/toolbarbutton.css b/toolkit/themes/windows/global/toolbarbutton.css
index edfbbdcb711a..071cf7eb4905 100644
--- a/toolkit/themes/windows/global/toolbarbutton.css
+++ b/toolkit/themes/windows/global/toolbarbutton.css
@@ -64,7 +64,7 @@ toolbarbutton[disabled="true"] {
.toolbarbutton-menu-dropmarker,
.toolbarbutton-combined-buttons-dropmarker {
appearance: none;
- list-style-image: url("chrome://global/skin/icons/arrow-dropdown-12.svg");
+ list-style-image: url("chrome://global/skin/icons/arrow-down-12.svg");
-moz-context-properties: fill;
fill: currentColor;
width: auto;