Bug 560465: Welcome page should use SVGs instead of pixel graphics

Change-Id: I86e14ac3706beb922be539bad25c3a81dde37bcc
diff --git a/org.eclipse.ui.intro.universal/themes/circles/html/rtl.css b/org.eclipse.ui.intro.universal/themes/circles/html/rtl.css
index 7f119b6..f6ec569 100644
--- a/org.eclipse.ui.intro.universal/themes/circles/html/rtl.css
+++ b/org.eclipse.ui.intro.universal/themes/circles/html/rtl.css
@@ -68,7 +68,7 @@
 }
 
 div ul.news-list {
-	list-style-image: url("../graphics/icons/ctool/arrow_rtl.gif");
+	list-style-image: url("../graphics/icons/ctool/arrow_rtl.svg");
 	margin-left: 0px;
 	padding-right: 10px;
 	margin-right: 10px;
@@ -84,3 +84,8 @@
 	background-image : url(../graphics/icons/ctool/widget_closed_hov_rtl.gif);
 }
 
+@media (prefers-color-scheme: dark) {
+	div ul.news-list {
+		list-style-image: url("../graphics/icons/ctool/arrow_rtl_light.svg");
+	}
+}
diff --git a/org.eclipse.ui.intro.universal/themes/purpleMesh/html/rtl.css b/org.eclipse.ui.intro.universal/themes/purpleMesh/html/rtl.css
index bd1af05..ec104cc 100644
--- a/org.eclipse.ui.intro.universal/themes/purpleMesh/html/rtl.css
+++ b/org.eclipse.ui.intro.universal/themes/purpleMesh/html/rtl.css
@@ -68,7 +68,7 @@
 }
 
 div ul#eclipse-news {
-	list-style-image: url("../graphics/icons/ctool/arrow_rtl.gif");
+	list-style-image: url("../graphics/icons/ctool/arrow_rtl.svg");
 	margin-left: 0px;
 	padding-right: 10px;
 	margin-right: 10px;
@@ -107,3 +107,8 @@
     right : 60px;
 }
 
+@media (prefers-color-scheme: dark) {
+	div ul.news-list {
+		list-style-image: url("../graphics/icons/ctool/arrow_rtl_light.svg");
+	}
+}
\ No newline at end of file
diff --git a/org.eclipse.ui.intro.universal/themes/shared/graphics/icons/ctool/arrow.gif b/org.eclipse.ui.intro.universal/themes/shared/graphics/icons/ctool/arrow.gif
deleted file mode 100644
index 7d4c3f1..0000000
--- a/org.eclipse.ui.intro.universal/themes/shared/graphics/icons/ctool/arrow.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.ui.intro.universal/themes/shared/graphics/icons/ctool/arrow.svg b/org.eclipse.ui.intro.universal/themes/shared/graphics/icons/ctool/arrow.svg
new file mode 100644
index 0000000..5a50d3c
--- /dev/null
+++ b/org.eclipse.ui.intro.universal/themes/shared/graphics/icons/ctool/arrow.svg
@@ -0,0 +1,96 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="svg6901"
+   width="13"
+   height="7"
+   viewBox="0 0 13 7"
+   sodipodi:docname="arrow.svg"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
+  <metadata
+     id="metadata6907">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs6905" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview6903"
+     showgrid="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:zoom="32.744483"
+     inkscape:cx="2.3813227"
+     inkscape:cy="3.6386621"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6901">
+    <inkscape:grid
+       type="xygrid"
+       id="grid6911" />
+  </sodipodi:namedview>
+  <image
+     width="13"
+     height="7"
+     preserveAspectRatio="none"
+     style="image-rendering:optimizeSpeed"
+     xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAHCAYAAADTcMcaAAAABHNCSVQICAgIfAhkiAAAADVJREFU
+GJVj3HHiAwOpgAmf5OSGtv8ka8ptqGLEppEJ2URsNDaNjIT8BNNItPOwaSDKJmwAALgOJFT3XVx6
+AAAAAElFTkSuQmCC
+"
+     id="image6909"
+     x="0"
+     y="8" />
+  <path
+     style="fill:none;stroke:#4b4876;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:1, 1;stroke-dashoffset:0;stroke-opacity:1"
+     d="m 1,3.5 h 9"
+     id="path6913"
+     inkscape:connector-curvature="0" />
+  <path
+     style="fill:none;stroke:#4b4876;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+     d="M 8,2.5 H 9"
+     id="path7475"
+     inkscape:connector-curvature="0" />
+  <path
+     style="fill:none;stroke:#4b4876;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+     d="M 7,1.5 H 8"
+     id="path7475-2"
+     inkscape:connector-curvature="0" />
+  <path
+     style="fill:none;stroke:#4b4876;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+     d="M 8,4.5 H 9"
+     id="path7475-2-4"
+     inkscape:connector-curvature="0" />
+  <path
+     style="fill:none;stroke:#4b4876;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+     d="M 7,5.5 H 8.0000004"
+     id="path7475-2-7"
+     inkscape:connector-curvature="0" />
+</svg>
diff --git a/org.eclipse.ui.intro.universal/themes/shared/graphics/icons/ctool/arrow_light.svg b/org.eclipse.ui.intro.universal/themes/shared/graphics/icons/ctool/arrow_light.svg
new file mode 100644
index 0000000..756c6e2
--- /dev/null
+++ b/org.eclipse.ui.intro.universal/themes/shared/graphics/icons/ctool/arrow_light.svg
@@ -0,0 +1,97 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="svg6901"
+   width="13"
+   height="7"
+   viewBox="0 0 13 7"
+   sodipodi:docname="arrow_light.svg"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
+  <metadata
+     id="metadata6907">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs6905" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview6903"
+     showgrid="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:zoom="32.744483"
+     inkscape:cx="2.3813227"
+     inkscape:cy="3.6386621"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6901">
+    <inkscape:grid
+       type="xygrid"
+       id="grid6911" />
+  </sodipodi:namedview>
+  <image
+     width="13"
+     height="7"
+     preserveAspectRatio="none"
+     style="image-rendering:optimizeSpeed"
+     xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAHCAYAAADTcMcaAAAABHNCSVQICAgIfAhkiAAAADVJREFU
+GJVj3HHiAwOpgAmf5OSGtv8ka8ptqGLEppEJ2URsNDaNjIT8BNNItPOwaSDKJmwAALgOJFT3XVx6
+AAAAAElFTkSuQmCC
+"
+     id="image6909"
+     x="0"
+     y="8" />
+  <path
+     style="fill:none;stroke:#cccccc;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:1, 1;stroke-dashoffset:0;stroke-opacity:1"
+     d="m 1,3.5 h 9"
+     id="path6913"
+     inkscape:connector-curvature="0" />
+  <path
+     style="fill:none;stroke:#cccccc;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+     d="M 8,2.5 H 9"
+     id="path7475"
+     inkscape:connector-curvature="0" />
+  <path
+     style="fill:none;stroke:#cccccc;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+     d="M 7,1.5 H 8"
+     id="path7475-2"
+     inkscape:connector-curvature="0" />
+  <path
+     style="fill:none;stroke:#cccccc;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+     d="M 8,4.5 H 9"
+     id="path7475-2-4"
+     inkscape:connector-curvature="0" />
+  <path
+     style="fill:none;stroke:#cccccc;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+     d="M 7,5.5 H 8.0000004"
+     id="path7475-2-7"
+     inkscape:connector-curvature="0" />
+</svg>
diff --git a/org.eclipse.ui.intro.universal/themes/shared/graphics/icons/ctool/arrow_rtl.gif b/org.eclipse.ui.intro.universal/themes/shared/graphics/icons/ctool/arrow_rtl.gif
deleted file mode 100644
index d7bb424..0000000
--- a/org.eclipse.ui.intro.universal/themes/shared/graphics/icons/ctool/arrow_rtl.gif
+++ /dev/null
Binary files differ
diff --git a/org.eclipse.ui.intro.universal/themes/shared/graphics/icons/ctool/arrow_rtl.svg b/org.eclipse.ui.intro.universal/themes/shared/graphics/icons/ctool/arrow_rtl.svg
new file mode 100644
index 0000000..67bb250
--- /dev/null
+++ b/org.eclipse.ui.intro.universal/themes/shared/graphics/icons/ctool/arrow_rtl.svg
@@ -0,0 +1,84 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="svg7513"
+   width="13"
+   height="7"
+   viewBox="0 0 13 7"
+   sodipodi:docname="arrow_rtl.svg"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
+  <metadata
+     id="metadata7519">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs7517" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1313"
+     inkscape:window-height="731"
+     id="namedview7515"
+     showgrid="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:zoom="46.307692"
+     inkscape:cx="5.3691116"
+     inkscape:cy="3.6284103"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg7513">
+    <inkscape:grid
+       type="xygrid"
+       id="grid7561" />
+  </sodipodi:namedview>
+  <path
+     style="fill:none;stroke:#4b4876;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:1, 1;stroke-dashoffset:0;stroke-opacity:1"
+     d="M 12,3.5 H 2.9999998"
+     id="path6913"
+     inkscape:connector-curvature="0" />
+  <path
+     style="fill:none;stroke:#4b4876;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+     d="m 4.9999998,2.5 h -1"
+     id="path7475"
+     inkscape:connector-curvature="0" />
+  <path
+     style="fill:none;stroke:#4b4876;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+     d="m 5.9999998,1.5 h -1"
+     id="path7475-2"
+     inkscape:connector-curvature="0" />
+  <path
+     style="fill:none;stroke:#4b4876;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+     d="m 4.9999998,4.5 h -1"
+     id="path7475-2-4"
+     inkscape:connector-curvature="0" />
+  <path
+     style="fill:none;stroke:#4b4876;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+     d="M 5.9999998,5.5 H 4.9999994"
+     id="path7475-2-7"
+     inkscape:connector-curvature="0" />
+</svg>
diff --git a/org.eclipse.ui.intro.universal/themes/shared/graphics/icons/ctool/arrow_rtl_light.svg b/org.eclipse.ui.intro.universal/themes/shared/graphics/icons/ctool/arrow_rtl_light.svg
new file mode 100644
index 0000000..719d7ba
--- /dev/null
+++ b/org.eclipse.ui.intro.universal/themes/shared/graphics/icons/ctool/arrow_rtl_light.svg
@@ -0,0 +1,84 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="svg7513"
+   width="13"
+   height="7"
+   viewBox="0 0 13 7"
+   sodipodi:docname="arrow_rtl_light.svg"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
+  <metadata
+     id="metadata7519">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs7517" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview7515"
+     showgrid="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:zoom="46.307692"
+     inkscape:cx="5.3691116"
+     inkscape:cy="3.6284103"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg7513">
+    <inkscape:grid
+       type="xygrid"
+       id="grid7561" />
+  </sodipodi:namedview>
+  <path
+     style="fill:none;stroke:#cccccc;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:1, 1;stroke-dashoffset:0;stroke-opacity:1"
+     d="M 12,3.5 H 2.9999998"
+     id="path6913"
+     inkscape:connector-curvature="0" />
+  <path
+     style="fill:none;stroke:#cccccc;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+     d="m 4.9999998,2.5 h -1"
+     id="path7475"
+     inkscape:connector-curvature="0" />
+  <path
+     style="fill:none;stroke:#cccccc;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+     d="m 5.9999998,1.5 h -1"
+     id="path7475-2"
+     inkscape:connector-curvature="0" />
+  <path
+     style="fill:none;stroke:#cccccc;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+     d="m 4.9999998,4.5 h -1"
+     id="path7475-2-4"
+     inkscape:connector-curvature="0" />
+  <path
+     style="fill:none;stroke:#cccccc;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+     d="M 5.9999998,5.5 H 4.9999994"
+     id="path7475-2-7"
+     inkscape:connector-curvature="0" />
+</svg>
diff --git a/org.eclipse.ui.intro.universal/themes/shared/html/shared.css b/org.eclipse.ui.intro.universal/themes/shared/html/shared.css
index bd83a94..3f31dd2 100644
--- a/org.eclipse.ui.intro.universal/themes/shared/html/shared.css
+++ b/org.eclipse.ui.intro.universal/themes/shared/html/shared.css
@@ -97,7 +97,7 @@
 }
 
 ul.news-list {
-	list-style-image: url("../graphics/icons/ctool/arrow.gif");
+	list-style-image: url("../graphics/icons/ctool/arrow.svg");
 }
 
 @media (prefers-color-scheme: dark) {
@@ -116,5 +116,9 @@
 	body .importance-callout {
 		background-image: linear-gradient(to right, #4d4d4d00, #4d4d4dff);
 	}
+	
+	ul.news-list {
+		list-style-image: url("../graphics/icons/ctool/arrow_light.svg");
+	}
 }
 
diff --git a/org.eclipse.ui.intro.universal/themes/slate/html/rtl.css b/org.eclipse.ui.intro.universal/themes/slate/html/rtl.css
index 353fd8a..a64d7aa 100644
--- a/org.eclipse.ui.intro.universal/themes/slate/html/rtl.css
+++ b/org.eclipse.ui.intro.universal/themes/slate/html/rtl.css
@@ -125,7 +125,7 @@
 }
 
 div ul.news-list {
-	list-style-image: url("../graphics/icons/ctool/arrow_rtl.gif");
+	list-style-image: url("../graphics/icons/ctool/arrow_rtl.svg");
 	margin-left: 0px;
 	padding-right: 10px;
 	margin-right: 10px;
@@ -172,4 +172,10 @@
 #page-links a#workbench .link-label { 
 	margin-right: auto !important;
 	margin-left: 0px !important;
+}
+
+@media (prefers-color-scheme: dark) {
+	div ul.news-list {
+		list-style-image: url("../graphics/icons/ctool/arrow_rtl_light.svg");
+	}
 }
\ No newline at end of file
diff --git a/org.eclipse.ui.intro.universal/themes/solstice/html/rtl.css b/org.eclipse.ui.intro.universal/themes/solstice/html/rtl.css
index bd9bee5..e3d83ba 100644
--- a/org.eclipse.ui.intro.universal/themes/solstice/html/rtl.css
+++ b/org.eclipse.ui.intro.universal/themes/solstice/html/rtl.css
@@ -125,7 +125,7 @@
 }
 
 div ul.news-list {
-	list-style-image: url("../graphics/icons/ctool/arrow_rtl.gif");
+	list-style-image: url("../graphics/icons/ctool/arrow_rtl.svg");
 	margin-left: 0px;
 	padding-right: 10px;
 	margin-right: 10px;
@@ -173,3 +173,9 @@
 	margin-right: auto !important;
 	margin-left: 0px !important;
 }
+
+@media (prefers-color-scheme: dark) {
+	div ul.news-list {
+		list-style-image: url("../graphics/icons/ctool/arrow_rtl_light.svg");
+	}
+}