QML UI: download icon in main menu

We need a white path drawn on the dark action button, but a black path
drawn for the main menu.

(looks like a white space change snuck in here)

Signed-off-by: Dirk Hohndel <dirk@hohndel.org>

3 files changed, 23 insertions, 4 deletions

diff --git a/icons/button-download-dc-black_icon.svg b/icons/button-download-dc-black_icon.svg
new file mode 100644
index 000000000..e9f843a77
--- /dev/null
+++ b/icons/button-download-dc-black_icon.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 132 132" style="enable-background:new 0 0 132 132;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#000000;}
+</style>
+<path class="st0" d="M42.4,96.2c-9.6,0-17.4-7.8-17.4-17.4V53c0-9.6,7.8-17.4,17.4-17.4h13.4l-3.9-3.9l3.8-3.8l11.6,11.6L55.6,51.3
+	l-3.8-3.8l3.9-3.9H42.4c-5.2,0-9.4,4.2-9.4,9.4v25.7c0,5.2,4.2,9.4,9.4,9.4h18.3v8H42.4z M89.4,35.6H71v8h18.3
+	c5.2,0,9.4,4.2,9.4,9.4v25.7c0,5.2-4.2,9.4-9.4,9.4H76.1l3.9-3.9l-3.8-3.8L64.4,92.2l11.6,11.6l3.8-3.8L76,96.2h13.4
+	c9.6,0,17.4-7.8,17.4-17.4V53C106.8,43.4,99,35.6,89.4,35.6z M49.1,28.9l3.8-3.8l2.8-2.8l2.8,2.8l3.8,3.8h5.9h25.8
+	c3.2,0,6.2,0.6,9,1.8c-4.3-3.7-7.1-9.1-7.2-15.2l0,0v-8l0,0c-0.2-3.3-2.9-5.8-6.2-5.8c-0.1,0-0.2,0-0.3,0l0,0H68.2H47.2l0,0
+	c-0.1,0-0.2,0-0.3,0c-3.3,0-6,2.6-6.2,5.8l0,0v8l0,0c-0.1,6.1-2.9,11.5-7.2,15.2c2.8-1.1,5.8-1.8,9-1.8H49.1z M82.7,103.1l-3.8,3.8
+	l-2.8,2.8l-2.8-2.8l-3.8-3.8h-5.9H42.4c-3.2,0-6.2-0.6-9-1.8c4.3,3.7,7.1,9.1,7.2,15.2l0,0v8l0,0c0.2,3.3,2.9,5.8,6.2,5.8
+	c0.1,0,0.2,0,0.3,0l0,0h21.1h21.1l0,0c0.1,0,0.2,0,0.3,0c3.3,0,6-2.6,6.2-5.8l0,0v-8l0,0c0.1-6.1,2.9-11.5,7.2-15.2
+	c-2.8,1.1-5.8,1.8-9,1.8H82.7z"/>
+</svg>
diff --git a/mobile-widgets/qml/main.qml b/mobile-widgets/qml/main.qml
index 02c81f376..5c5b6df36 100644
--- a/mobile-widgets/qml/main.qml
+++ b/mobile-widgets/qml/main.qml
@@ -141,7 +141,8 @@ Kirigami.ApplicationWindow {
 					}
 				}
 				Kirigami.Action {
-					iconName: "icons/downloadDC.svg"
+					// this of course assumes a white background - theming means this needs to change again
+					iconName: "icons/downloadDC-black.svg"
 					text: qsTr("Download from DC")
 					enabled: true
 					onTriggered: {
@@ -247,9 +248,9 @@ if you have network connectivity and want to sync your data to cloud storage."),
 			Kirigami.Action {
 				iconName: "icons/ic_settings.svg"
 				text: qsTr("Settings")
-				onTriggered: { 
-					stackView.push(settingsWindow) 
-					detailsWindow.endEditMode() 
+				onTriggered: {
+					stackView.push(settingsWindow)
+					detailsWindow.endEditMode()
 				}
 			},
 			Kirigami.Action {
diff --git a/mobile-widgets/qml/mobile-resources.qrc b/mobile-widgets/qml/mobile-resources.qrc
index 9f8107f2c..d989a5ac1 100644
--- a/mobile-widgets/qml/mobile-resources.qrc
+++ b/mobile-widgets/qml/mobile-resources.qrc
@@ -43,6 +43,7 @@
 		<file alias="icons/trash-empty.svg">kirigami/icons/trash-empty.svg</file>
 		<file alias="icons/list-add.svg">kirigami/icons/list-add.svg</file>
 		<file alias="icons/downloadDC.svg">../../icons/button-download-dc_icon.svg</file>
+		<file alias="icons/downloadDC-black.svg">../../icons/button-download-dc-black_icon.svg</file>
 		<file alias="icons/ic_home.svg">icons/ic_home_24px.svg</file>
 		<file alias="icons/ic_info_outline.svg">icons/ic_info_outline_24px.svg</file>
 		<file alias="icons/ic_help_outline.svg">icons/ic_help_outline_24px.svg</file>