Use svgs in scrollbar arrows

src/vs/base/browser/ui/scrollbar/media/arrow-down-dark.svg

+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11"><path transform="rotate(-180 5.49045991897583,5.811500072479248)" fill="#E8E8E8" d="m9.48046,8.9615l1.26,-1.26l-5.04,-5.04l-5.46,5.04l1.26,1.26l4.2,-3.78l3.78,3.78z"/></svg>
\ No newline at end of file

src/vs/base/browser/ui/scrollbar/media/arrow-down.svg

+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11"><path transform="rotate(-180 5.49045991897583,5.811500072479248)" fill="#424242" d="m9.48046,8.9615l1.26,-1.26l-5.04,-5.04l-5.46,5.04l1.26,1.26l4.2,-3.78l3.78,3.78z"/></svg>
\ No newline at end of file

src/vs/base/browser/ui/scrollbar/media/arrow-left-dark.svg

+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11"><path transform="rotate(-90 5.490459918975831,5.431382179260254)" fill="#E8E8E8" d="m9.48046,8.58138l1.26,-1.26l-5.04,-5.04l-5.46,5.04l1.26,1.26l4.2,-3.78l3.78,3.78z"/></svg>
\ No newline at end of file

src/vs/base/browser/ui/scrollbar/media/arrow-left.svg

+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11"><path transform="rotate(-90 5.490459918975831,5.431382179260254)" fill="#424242" d="m9.48046,8.58138l1.26,-1.26l-5.04,-5.04l-5.46,5.04l1.26,1.26l4.2,-3.78l3.78,3.78z"/></svg>
\ No newline at end of file

src/vs/base/browser/ui/scrollbar/media/arrow-right-dark.svg

+<svg viewBox="0 0 11 11" xmlns="http://www.w3.org/2000/svg"><path transform="rotate(90 5.6171650886535645,5.55808973312378) " fill="#E8E8E8" d="m9.60717,8.70809l1.26,-1.26l-5.04,-5.04l-5.46,5.04l1.26,1.26l4.2,-3.78l3.78,3.78z"/></svg>
\ No newline at end of file

src/vs/base/browser/ui/scrollbar/media/arrow-right.svg

+<svg viewBox="0 0 11 11" xmlns="http://www.w3.org/2000/svg"><path transform="rotate(90 5.6171650886535645,5.55808973312378) " fill="#424242" d="m9.60717,8.70809l1.26,-1.26l-5.04,-5.04l-5.46,5.04l1.26,1.26l4.2,-3.78l3.78,3.78z"/></svg>
\ No newline at end of file

src/vs/base/browser/ui/scrollbar/media/arrow-up-dark.svg

+<svg viewBox="0 0 11 11" xmlns="http://www.w3.org/2000/svg"><path d="m9.48046,8.9615l1.26,-1.26l-5.04,-5.04l-5.46,5.04l1.26,1.26l4.2,-3.78l3.78,3.78z" fill="#E8E8E8"/></svg>
\ No newline at end of file

src/vs/base/browser/ui/scrollbar/media/arrow-up.svg

+<svg viewBox="0 0 11 11" xmlns="http://www.w3.org/2000/svg"><path d="m9.48046,8.9615l1.26,-1.26l-5.04,-5.04l-5.46,5.04l1.26,1.26l4.2,-3.78l3.78,3.78z" fill="#424242"/></svg>
\ No newline at end of file

src/vs/base/browser/ui/scrollbar/media/scrollbars.css

@@ -5,22 +5,39 @@
 
 /* Arrows */
 .monaco-scrollable-element > .scrollbar > .up-arrow {
-	background: url('arrow-up.png');
+	background: url('arrow-up.svg');
 	cursor: pointer;
 }
 .monaco-scrollable-element > .scrollbar > .down-arrow {
-	background: url('arrow-down.png');
+	background: url('arrow-down.svg');
 	cursor: pointer;
 }
 .monaco-scrollable-element > .scrollbar > .left-arrow {
-	background: url('arrow-left.png');
+	background: url('arrow-left.svg');
 	cursor: pointer;
 }
 .monaco-scrollable-element > .scrollbar > .right-arrow {
-	background: url('arrow-right.png');
+	background: url('arrow-right.svg');
 	cursor: pointer;
 }
 
+.hc-black .monaco-scrollable-element > .scrollbar > .up-arrow,
+.vs-dark .monaco-scrollable-element > .scrollbar > .up-arrow {
+	background: url('arrow-up-dark.svg');
+}
+.hc-black .monaco-scrollable-element > .scrollbar > .down-arrow,
+.vs-dark .monaco-scrollable-element > .scrollbar > .down-arrow {
+	background: url('arrow-down-dark.svg');
+}
+.hc-black .monaco-scrollable-element > .scrollbar > .left-arrow,
+.vs-dark .monaco-scrollable-element > .scrollbar > .left-arrow {
+	background: url('arrow-left-dark.svg');
+}
+.hc-black .monaco-scrollable-element > .scrollbar > .right-arrow,
+.vs-dark .monaco-scrollable-element > .scrollbar > .right-arrow {
+	background: url('arrow-right-dark.svg');
+}
+
 .monaco-scrollable-element > .visible {
 	opacity: 1;