Add shadows to various used actionbuttons

CURA-5959

resources/qml/ActionPanel/OutputDevicesActionButton.qml

@@ -17,7 +17,8 @@ Item
         id: saveToButton
         height: parent.height
         fixedWidthMode: true
-
+        shadowEnabled: true
+        shadowColor: UM.Theme.getColor("primary_shadow")
         anchors
         {
             top: parent.top
@@ -42,6 +43,9 @@ Item
         id: deviceSelectionMenu
         height: parent.height
 
+        shadowEnabled: true
+        shadowColor: UM.Theme.getColor("primary_shadow")
+
         anchors
         {
             top: parent.top

resources/qml/ActionPanel/OutputProcessWidget.qml

@@ -115,6 +115,9 @@ Column
             textHoverColor: UM.Theme.getColor("text")
             onClicked: UM.Controller.setActiveStage("PreviewStage")
             visible: UM.Controller.activeStage != null && UM.Controller.activeStage.stageId != "PreviewStage"
+
+            shadowEnabled: true
+            shadowColor: UM.Theme.getColor("action_button_disabled_shadow")
         }
 
         Cura.OutputDevicesActionButton

resources/qml/ActionPanel/SliceProcessWidget.qml

@@ -93,21 +93,20 @@ Column
         // Disable the slice process when
         property bool disabledSlice: [UM.Backend.Done, UM.Backend.Error].indexOf(widget.backendState) != -1
 
-        text:
-        {
-            if ([UM.Backend.NotStarted, UM.Backend.Error].indexOf(widget.backendState) != -1)
-            {
-                return catalog.i18nc("@button", "Slice")
-            }
-            return catalog.i18nc("@button", "Cancel")
-        }
+        property bool isSlicing: [UM.Backend.NotStarted, UM.Backend.Error].indexOf(widget.backendState) == -1
+
+        text: isSlicing ? catalog.i18nc("@button", "Cancel") : catalog.i18nc("@button", "Slice")
+
         enabled: !autoSlice && !disabledSlice
         visible: !autoSlice
 
+        color: isSlicing ? UM.Theme.getColor("secondary"): UM.Theme.getColor("primary")
+        textColor: isSlicing ? UM.Theme.getColor("primary"): UM.Theme.getColor("button_text")
+
         disabledColor: UM.Theme.getColor("action_button_disabled")
         textDisabledColor: UM.Theme.getColor("action_button_disabled_text")
         shadowEnabled: true
-        shadowColor: enabled ? UM.Theme.getColor("action_button_shadow"): UM.Theme.getColor("action_button_disabled_shadow")
+        shadowColor: isSlicing ? UM.Theme.getColor("secondary_shadow") : enabled ? UM.Theme.getColor("action_button_shadow"): UM.Theme.getColor("action_button_disabled_shadow")
 
         onClicked: sliceOrStopSlicing()
     }

resources/themes/cura-light/theme.json

@@ -83,10 +83,12 @@
 
 
         "primary": [50, 130, 255, 255],
+        "primary_shadow": [64, 47, 205, 255],
         "primary_hover": [48, 182, 231, 255],
         "primary_text": [255, 255, 255, 255],
         "border": [127, 127, 127, 255],
         "secondary": [245, 245, 245, 255],
+        "secondary_shadow": [228, 228, 228, 255],
 
         "main_window_header_background": [10, 8, 80, 255],
         "main_window_header_button_text_active": [10, 8, 80, 255],