Merge branch 'master' into skin_preshrink_to_close

cura/CuraApplication.py

@@ -205,6 +205,8 @@ class CuraApplication(QtApplication):
         super().__init__(name = "cura", version = CuraVersion, buildtype = CuraBuildType,
                          tray_icon_name = "cura-icon-32.png")
 
+        self.default_theme = "cura-light"
+
         self.setWindowIcon(QIcon(Resources.getPath(Resources.Images, "cura-icon.png")))
 
         self.setRequiredPlugins([

cura/Settings/MachineManager.py

@@ -649,6 +649,23 @@ class MachineManager(QObject):
                 return Util.parseBool(quality.getMetaDataEntry("supported", True))
         return False
 
+    ##  Returns whether there is anything unsupported in the current set-up.
+    #
+    #   The current set-up signifies the global stack and all extruder stacks,
+    #   so this indicates whether there is any container in any of the container
+    #   stacks that is not marked as supported.
+    @pyqtProperty(bool, notify = activeQualityChanged)
+    def isCurrentSetupSupported(self) -> bool:
+        if not self._global_container_stack:
+            return False
+        for stack in [self._global_container_stack] + list(self._global_container_stack.extruders.values()):
+            for container in stack.getContainers():
+                if not container:
+                    return False
+                if not Util.parseBool(container.getMetaDataEntry("supported", True)):
+                    return False
+        return True
+
     ##  Get the Quality ID associated with the currently active extruder
     #   Note that this only returns the "quality", not the "quality_changes"
     #   \returns QualityID (string) if found, empty string otherwise

cura_app.py

@@ -54,8 +54,17 @@ import Arcus #@UnusedImport
 import cura.CuraApplication
 import cura.Settings.CuraContainerRegistry
 
+def get_cura_dir_path():
+    if Platform.isWindows():
+        return os.path.expanduser("~/AppData/Local/cura/")
+    elif Platform.isLinux():
+        return os.path.expanduser("~/.local/share/cura")
+    elif Platform.isOSX():
+        return os.path.expanduser("~/Library/Application Support/cura")
+
+
 if hasattr(sys, "frozen"):
-    dirpath = os.path.expanduser("~/AppData/Local/cura/")
+    dirpath = get_cura_dir_path()
     os.makedirs(dirpath, exist_ok = True)
     sys.stdout = open(os.path.join(dirpath, "stdout.log"), "w")
     sys.stderr = open(os.path.join(dirpath, "stderr.log"), "w")

plugins/CuraEngineBackend/StartSliceJob.py

@@ -224,7 +224,18 @@ class StartSliceJob(Job):
 
         material_instance_container = stack.findContainer({"type": "material"})
 
+        settings = {}
         for key in stack.getAllKeys():
+            settings[key] = stack.getProperty(key, "value")
+            Job.yieldThread()
+
+        settings["print_bed_temperature"] = settings["material_bed_temperature"] #Renamed settings.
+        settings["print_temperature"] = settings["material_print_temperature"]
+        settings["time"] = time.strftime("%H:%M:%S") #Some extra settings.
+        settings["date"] = time.strftime("%d-%m-%Y")
+        settings["day"] = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"][int(time.strftime("%w"))]
+
+        for key, value in settings.items():
             # Do not send settings that are not settable_per_extruder.
             if not stack.getProperty(key, "settable_per_extruder"):
                 continue
@@ -233,6 +244,8 @@ class StartSliceJob(Job):
             if key == "material_guid" and material_instance_container:
                 # Also send the material GUID. This is a setting in fdmprinter, but we have no interface for it.
                 setting.value = str(material_instance_container.getMetaDataEntry("GUID", "")).encode("utf-8")
+            elif key == "machine_extruder_start_code" or key == "machine_extruder_end_code":
+                setting.value = self._expandGcodeTokens(key, value, settings)
             else:
                 setting.value = str(stack.getProperty(key, "value")).encode("utf-8")
             Job.yieldThread()
@@ -278,7 +291,7 @@ class StartSliceJob(Job):
         for key, value in settings.items(): #Add all submessages for each individual setting.
             setting_message = self._slice_message.getMessage("global_settings").addRepeatedMessage("settings")
             setting_message.name = key
-            if key == "machine_start_gcode" or key == "machine_end_gcode" or key == "machine_extruder_start_code" or key == "machine_extruder_end_code": #If it's a g-code message, use special formatting.
+            if key == "machine_start_gcode" or key == "machine_end_gcode": #If it's a g-code message, use special formatting.
                 setting_message.value = self._expandGcodeTokens(key, value, settings)
             else:
                 setting_message.value = str(value).encode("utf-8")

plugins/LayerView/LayerView.qml

@@ -1,4 +1,4 @@
-// Copyright (c) 2015 Ultimaker B.V.
+// Copyright (c) 2017 Ultimaker B.V.
 // Cura is released under the terms of the AGPLv3 or higher.
 
 import QtQuick 2.2
@@ -492,6 +492,8 @@ Item
                 anchors.horizontalCenter: parent.horizontalCenter
                 radius: parent.handleRadius
                 color: parent.upperHandleColor
+                border.width: UM.Theme.getSize("default_lining").width
+                border.color: UM.Theme.getColor("slider_handle_border")
 
                 visible: slider.layersVisible
 
@@ -531,6 +533,8 @@ Item
                 anchors.horizontalCenter: parent.horizontalCenter
                 radius: parent.handleRadius
                 color: parent.lowerHandleColor
+                border.width: UM.Theme.getSize("default_lining").width
+                border.color: UM.Theme.getColor("slider_handle_border")
 
                 visible: slider.layersVisible
 

plugins/PluginBrowser/PluginBrowser.py

@@ -47,7 +47,7 @@ class PluginBrowser(QObject, Extension):
         self._is_downloading = False
 
         self._request_header = [b"User-Agent",
-                                str.encode("%s\%s (%s %s)" % (Application.getInstance().getApplicationName(),
+                                str.encode("%s/%s (%s %s)" % (Application.getInstance().getApplicationName(),
                                                               Application.getInstance().getVersion(),
                                                               platform.system(),
                                                               platform.machine(),

plugins/UM3NetworkPrinting/NetworkPrinterOutputDevice.py

@@ -756,6 +756,8 @@ class NetworkPrinterOutputDevice(PrinterOutputDevice):
 
         self._createNetworkManager()
 
+        self._last_response_time = time()  # Ensure we reset the time when trying to connect (again)
+
         self.setConnectionState(ConnectionState.connecting)
         self._update()  # Manually trigger the first update, as we don't want to wait a few secs before it starts.
         if not self._use_stream:

plugins/VersionUpgrade/VersionUpgrade27to30/VersionUpgrade27to30.py

@@ -0,0 +1,56 @@
+# Copyright (c) 2017 Ultimaker B.V.
+# Cura is released under the terms of the AGPLv3 or higher.
+
+import configparser #To parse preference files.
+import io #To serialise the preference files afterwards.
+
+from UM.VersionUpgrade import VersionUpgrade #We're inheriting from this.
+
+_renamed_themes = {
+    "cura": "cura-light"
+}
+
+class VersionUpgrade27to30(VersionUpgrade):
+    ##  Gets the version number from a CFG file in Uranium's 2.7 format.
+    #
+    #   Since the format may change, this is implemented for the 2.7 format only
+    #   and needs to be included in the version upgrade system rather than
+    #   globally in Uranium.
+    #
+    #   \param serialised The serialised form of a CFG file.
+    #   \return The version number stored in the CFG file.
+    #   \raises ValueError The format of the version number in the file is
+    #   incorrect.
+    #   \raises KeyError The format of the file is incorrect.
+    def getCfgVersion(self, serialised):
+        parser = configparser.ConfigParser(interpolation = None)
+        parser.read_string(serialised)
+        format_version = int(parser.get("general", "version")) #Explicitly give an exception when this fails. That means that the file format is not recognised.
+        setting_version = int(parser.get("metadata", "setting_version", fallback = 0))
+        return format_version * 1000000 + setting_version
+
+    ##  Upgrades a preferences file from version 2.7 to 3.0.
+    #
+    #   \param serialised The serialised form of a preferences file.
+    #   \param filename The name of the file to upgrade.
+    def upgradePreferences(self, serialised, filename):
+        parser = configparser.ConfigParser(interpolation=None)
+        parser.read_string(serialised)
+
+        # Update version numbers
+        if "general" not in parser:
+            parser["general"] = {}
+        parser["general"]["version"] = "5"
+        if "metadata" not in parser:
+            parser["metadata"] = {}
+        parser["metadata"]["setting_version"] = "2"
+
+        #Renamed themes.
+        if "theme" in parser["general"]:
+            if parser["general"]["theme"] in _renamed_themes:
+                parser["general"]["theme"] = _renamed_themes[parser["general"]["theme"]]
+
+        # Re-serialise the file.
+        output = io.StringIO()
+        parser.write(output)
+        return [filename], [output.getvalue()]

plugins/VersionUpgrade/VersionUpgrade27to30/__init__.py

@@ -0,0 +1,23 @@
+# Copyright (c) 2017 Ultimaker B.V.
+# Cura is released under the terms of the AGPLv3 or higher.
+
+from . import VersionUpgrade27to30
+
+upgrade = VersionUpgrade27to30.VersionUpgrade27to30()
+
+def getMetaData():
+    return {
+        "version_upgrade": {
+            # From                    To                       Upgrade function
+            ("preferences", 4000002): ("preferences", 5000002, upgrade.upgradePreferences),
+        },
+        "sources": {
+            "preferences": {
+                "get_version": upgrade.getCfgVersion,
+                "location": {"."}
+            },
+        }
+    }
+
+def register(app):
+    return { "version_upgrade": upgrade }

plugins/VersionUpgrade/VersionUpgrade27to30/plugin.json

@@ -0,0 +1,8 @@
+ {
+    "name": "Version Upgrade 2.7 to 3.0",
+    "author": "Ultimaker B.V.",
+    "version": "1.0.0",
+    "description": "Upgrades configurations from Cura 2.7 to Cura 3.0.",
+    "api": 4,
+    "i18n-catalog": "cura"
+}

plugins/VersionUpgrade/VersionUpgrade27to30/tests/TestVersionUpgrade27to30.py

@@ -0,0 +1,171 @@
+# Copyright (c) 2017 Ultimaker B.V.
+# Cura is released under the terms of the AGPLv3 or higher.
+
+import configparser #To parse the resulting config files.
+import pytest #To register tests with.
+
+import VersionUpgrade27to30 #The module we're testing.
+
+##  Creates an instance of the upgrader to test with.
+@pytest.fixture
+def upgrader():
+    return VersionUpgrade27to30.VersionUpgrade27to30()
+
+test_cfg_version_good_data = [
+    {
+        "test_name": "Simple",
+        "file_data": """[general]
+version = 1
+""",
+        "version": 1000000
+    },
+    {
+        "test_name": "Other Data Around",
+        "file_data": """[nonsense]
+life = good
+
+[general]
+version = 3
+
+[values]
+layer_height = 0.12
+infill_sparse_density = 42
+""",
+        "version": 3000000
+    },
+    {
+        "test_name": "Negative Version", #Why not?
+        "file_data": """[general]
+version = -20
+""",
+        "version": -20000000
+    },
+    {
+        "test_name": "Setting Version",
+        "file_data": """[general]
+version = 1
+[metadata]
+setting_version = 1
+""",
+        "version": 1000001
+    },
+    {
+        "test_name": "Negative Setting Version",
+        "file_data": """[general]
+version = 1
+[metadata]
+setting_version = -3
+""",
+        "version": 999997
+    }
+]
+
+##  Tests the technique that gets the version number from CFG files.
+#
+#   \param data The parametrised data to test with. It contains a test name
+#   to debug with, the serialised contents of a CFG file and the correct
+#   version number in that CFG file.
+#   \param upgrader The instance of the upgrade class to test.
+@pytest.mark.parametrize("data", test_cfg_version_good_data)
+def test_cfgVersionGood(data, upgrader):
+    version = upgrader.getCfgVersion(data["file_data"])
+    assert version == data["version"]
+
+test_cfg_version_bad_data = [
+    {
+        "test_name": "Empty",
+        "file_data": "",
+        "exception": configparser.Error #Explicitly not specified further which specific error we're getting, because that depends on the implementation of configparser.
+    },
+    {
+        "test_name": "No General",
+        "file_data": """[values]
+layer_height = 0.1337
+""",
+        "exception": configparser.Error
+    },
+    {
+        "test_name": "No Version",
+        "file_data": """[general]
+true = false
+""",
+        "exception": configparser.Error
+    },
+    {
+        "test_name": "Not a Number",
+        "file_data": """[general]
+version = not-a-text-version-number
+""",
+        "exception": ValueError
+    },
+    {
+        "test_name": "Setting Value NaN",
+        "file_data": """[general]
+version = 4
+[metadata]
+setting_version = latest_or_something
+""",
+        "exception": ValueError
+    },
+    {
+        "test_name": "Major-Minor",
+        "file_data": """[general]
+version = 1.2
+""",
+        "exception": ValueError
+    }
+]
+
+##  Tests whether getting a version number from bad CFG files gives an
+#   exception.
+#
+#   \param data The parametrised data to test with. It contains a test name
+#   to debug with, the serialised contents of a CFG file and the class of
+#   exception it needs to throw.
+#   \param upgrader The instance of the upgrader to test.
+@pytest.mark.parametrize("data", test_cfg_version_bad_data)
+def test_cfgVersionBad(data, upgrader):
+    with pytest.raises(data["exception"]):
+        upgrader.getCfgVersion(data["file_data"])
+
+test_translate_theme_data = [
+    (
+        "Original Cura theme",
+        """[general]
+version = 4
+theme = cura
+[metadata]
+setting_version = 2
+""",
+        "cura-light"
+    ),
+    (
+        "No theme",
+        """[general]
+version = 4
+[metadata]
+setting_version = 2
+""",
+        None #Indicates that the theme should be absent in the new file.
+    )
+]
+
+##  Tests whether the theme is properly translated.
+@pytest.mark.parametrize("test_name, file_data, new_theme", test_translate_theme_data)
+def test_translateTheme(test_name, file_data, new_theme, upgrader):
+    #Read old file.
+    original_parser = configparser.ConfigParser(interpolation = None)
+    original_parser.read_string(file_data)
+
+    #Perform the upgrade.
+    _, upgraded_stacks = upgrader.upgradePreferences(file_data, "<string>")
+    upgraded_stack = upgraded_stacks[0]
+    parser = configparser.ConfigParser(interpolation = None)
+    parser.read_string(upgraded_stack)
+
+    #Check whether the theme was properly translated.
+    if not new_theme:
+        assert "theme" not in parser["general"]
+    else:
+        assert "theme" in parser["general"]
+        assert parser["general"]["theme"] == new_theme

resources/qml/Cura.qml

@@ -447,7 +447,7 @@ UM.MainWindow
                     right: sidebar.left
                 }
                 visible: opacity > 0
-                opacity: base.showPrintMonitor ? 0.75 : 0
+                opacity: base.showPrintMonitor ? 1 : 0
 
                 Behavior on opacity { NumberAnimation { duration: 100; } }
 

resources/qml/JobSpecs.qml

@@ -86,7 +86,7 @@ Item {
                             height: UM.Theme.getSize("save_button_specs_icons").height;
                             sourceSize.width: width;
                             sourceSize.height: width;
-                            color: control.hovered ? UM.Theme.getColor("setting_control_button_hover") : UM.Theme.getColor("text");
+                            color: control.hovered ? UM.Theme.getColor("text_scene_hover") : UM.Theme.getColor("text_scene");
                             source: UM.Theme.getIcon("pencil");
                         }
                     }
@@ -116,7 +116,7 @@ Item {
                     regExp: /^[^\\ \/ \*\?\|\[\]]*$/
                 }
                 style: TextFieldStyle{
-                    textColor: UM.Theme.getColor("setting_control_text");
+                    textColor: UM.Theme.getColor("text_scene");
                     font: UM.Theme.getFont("default_bold");
                     background: Rectangle {
                         opacity: 0
@@ -135,7 +135,7 @@ Item {
         height: UM.Theme.getSize("jobspecs_line").height
         verticalAlignment: Text.AlignVCenter
         font: UM.Theme.getFont("small")
-        color: UM.Theme.getColor("text_subtext")
+        color: UM.Theme.getColor("text_scene")
         text: CuraApplication.getSceneBoundingBoxString
     }
 }

resources/qml/MonitorButton.qml

@@ -1,4 +1,4 @@
-// Copyright (c) 2016 Ultimaker B.V.
+// Copyright (c) 2017 Ultimaker B.V.
 // Cura is released under the terms of the AGPLv3 or higher.
 
 import QtQuick 2.2
@@ -119,10 +119,10 @@ Item
     Label
     {
         id: statusLabel
-        width: parent.width - 2 * UM.Theme.getSize("default_margin").width
+        width: parent.width - 2 * UM.Theme.getSize("sidebar_margin").width
         anchors.top: parent.top
         anchors.left: parent.left
-        anchors.leftMargin: UM.Theme.getSize("default_margin").width
+        anchors.leftMargin: UM.Theme.getSize("sidebar_margin").width
 
         color: base.statusColor
         font: UM.Theme.getFont("large")
@@ -177,21 +177,21 @@ Item
         property string backgroundColor: UM.Theme.getColor("progressbar_background");
         property string controlColor: base.statusColor;
 
-        width: parent.width - 2 * UM.Theme.getSize("default_margin").width;
+        width: parent.width - 2 * UM.Theme.getSize("sidebar_margin").width;
         height: UM.Theme.getSize("progressbar").height;
         anchors.top: statusLabel.bottom;
-        anchors.topMargin: UM.Theme.getSize("default_margin").height / 4;
+        anchors.topMargin: UM.Theme.getSize("sidebar_margin").height / 4;
         anchors.left: parent.left;
-        anchors.leftMargin: UM.Theme.getSize("default_margin").width;
+        anchors.leftMargin: UM.Theme.getSize("sidebar_margin").width;
     }
 
     Row {
         id: buttonsRow
         height: abortButton.height
         anchors.top: progressBar.bottom
-        anchors.topMargin: UM.Theme.getSize("default_margin").height
+        anchors.topMargin: UM.Theme.getSize("sidebar_margin").height
         anchors.right: parent.right
-        anchors.rightMargin: UM.Theme.getSize("default_margin").width
+        anchors.rightMargin: UM.Theme.getSize("sidebar_margin").width
         spacing: UM.Theme.getSize("default_margin").width
 
         Row {

resources/qml/PrintMonitor.qml

@@ -353,7 +353,7 @@ Column
         Rectangle //Input field for pre-heat temperature.
         {
             id: preheatTemperatureControl
-            color: !enabled ? UM.Theme.getColor("setting_control_disabled") : showError ? UM.Theme.getColor("setting_validation_error") : UM.Theme.getColor("setting_validation_ok")
+            color: !enabled ? UM.Theme.getColor("setting_control_disabled") : showError ? UM.Theme.getColor("setting_validation_error_background") : UM.Theme.getColor("setting_validation_ok")
             property var showError:
             {
                 if(bedTemperature.properties.maximum_value != "None" && bedTemperature.properties.maximum_value <  parseInt(preheatTemperatureInput.text))

resources/qml/SaveButton.qml

@@ -45,10 +45,10 @@ Item {
 
     Text {
         id: statusLabel
-        width: parent.width - 2 * UM.Theme.getSize("default_margin").width
+        width: parent.width - 2 * UM.Theme.getSize("sidebar_margin").width
         anchors.top: parent.top
         anchors.left: parent.left
-        anchors.leftMargin: UM.Theme.getSize("default_margin").width
+        anchors.leftMargin: UM.Theme.getSize("sidebar_margin").width
 
         color: UM.Theme.getColor("text")
         font: UM.Theme.getFont("default_bold")
@@ -57,12 +57,12 @@ Item {
 
     Rectangle {
         id: progressBar
-        width: parent.width - 2 * UM.Theme.getSize("default_margin").width
+        width: parent.width - 2 * UM.Theme.getSize("sidebar_margin").width
         height: UM.Theme.getSize("progressbar").height
         anchors.top: statusLabel.bottom
-        anchors.topMargin: UM.Theme.getSize("default_margin").height/4
+        anchors.topMargin: UM.Theme.getSize("sidebar_margin").height/4
         anchors.left: parent.left
-        anchors.leftMargin: UM.Theme.getSize("default_margin").width
+        anchors.leftMargin: UM.Theme.getSize("sidebar_margin").width
         radius: UM.Theme.getSize("progressbar_radius").width
         color: UM.Theme.getColor("progressbar_background")
 
@@ -92,14 +92,14 @@ Item {
         width: base.width
         height: saveToButton.height
         anchors.top: progressBar.bottom
-        anchors.topMargin: UM.Theme.getSize("default_margin").height
+        anchors.topMargin: UM.Theme.getSize("sidebar_margin").height
         anchors.left: parent.left
 
         Row {
             id: additionalComponentsRow
             anchors.top: parent.top
             anchors.right: saveToButton.visible ? saveToButton.left : parent.right
-            anchors.rightMargin: UM.Theme.getSize("default_margin").width
+            anchors.rightMargin: UM.Theme.getSize("sidebar_margin").width
 
             spacing: UM.Theme.getSize("default_margin").width
         }
@@ -141,7 +141,7 @@ Item {
 
             anchors.top: parent.top
             anchors.right: parent.right
-            anchors.rightMargin: UM.Theme.getSize("default_margin").width
+            anchors.rightMargin: UM.Theme.getSize("sidebar_margin").width
 
             // 1 = not started, 5 = disabled
             text: [1, 5].indexOf(UM.Backend.state) != -1 ? catalog.i18nc("@label:Printjob", "Prepare") : catalog.i18nc("@label:Printjob", "Cancel")
@@ -183,7 +183,7 @@ Item {
 
                     Behavior on color { ColorAnimation { duration: 50; } }
 
-                    implicitWidth: actualLabel.contentWidth + (UM.Theme.getSize("default_margin").width * 2)
+                    implicitWidth: actualLabel.contentWidth + (UM.Theme.getSize("sidebar_margin").width * 2)
 
                     Label {
                         id: actualLabel
@@ -221,7 +221,7 @@ Item {
 
             anchors.top: parent.top
             anchors.right: deviceSelectionMenu.visible ? deviceSelectionMenu.left : parent.right
-            anchors.rightMargin: deviceSelectionMenu.visible ? -3 * UM.Theme.getSize("default_lining").width : UM.Theme.getSize("default_margin").width
+            anchors.rightMargin: deviceSelectionMenu.visible ? -3 * UM.Theme.getSize("default_lining").width : UM.Theme.getSize("sidebar_margin").width
 
             text: UM.OutputDeviceManager.activeDeviceShortDescription
             onClicked:
@@ -258,7 +258,7 @@ Item {
 
                     Behavior on color { ColorAnimation { duration: 50; } }
 
-                    implicitWidth: actualLabel.contentWidth + (UM.Theme.getSize("default_margin").width * 2)
+                    implicitWidth: actualLabel.contentWidth + (UM.Theme.getSize("sidebar_margin").width * 2)
 
                     Label {
                         id: actualLabel
@@ -288,7 +288,7 @@ Item {
             anchors.top: parent.top
             anchors.right: parent.right
 
-            anchors.rightMargin: UM.Theme.getSize("default_margin").width
+            anchors.rightMargin: UM.Theme.getSize("sidebar_margin").width
             width: UM.Theme.getSize("save_button_save_to_button").height
             height: UM.Theme.getSize("save_button_save_to_button").height
             // 3 = Done, 5 = Disabled

resources/qml/Settings/SettingItem.qml

@@ -130,11 +130,11 @@ Item {
             id: settingControls
 
             height: parent.height / 2
-            spacing: UM.Theme.getSize("default_margin").width / 2
+            spacing: UM.Theme.getSize("sidebar_margin").height / 2
 
             anchors {
                 right: controlContainer.left
-                rightMargin: UM.Theme.getSize("default_margin").width / 2
+                rightMargin: UM.Theme.getSize("sidebar_margin").width / 2
                 verticalCenter: parent.verticalCenter
             }
 
@@ -293,7 +293,7 @@ Item {
             enabled: propertyProvider.isValueUsed
 
             anchors.right: parent.right;
-            anchors.rightMargin: UM.Theme.getSize("default_margin").width
+            anchors.rightMargin: UM.Theme.getSize("sidebar_margin").width
             anchors.verticalCenter: parent.verticalCenter;
             width: UM.Theme.getSize("setting_control").width;
             height: UM.Theme.getSize("setting_control").height

resources/qml/Settings/SettingTextField.qml

@@ -24,6 +24,17 @@ SettingItem
             {
                 return UM.Theme.getColor("setting_control_disabled_border")
             }
+            switch(propertyProvider.properties.validationState)
+            {
+                case "ValidatorState.Exception":
+                case "ValidatorState.MinimumError":
+                case "ValidatorState.MaximumError":
+                    return UM.Theme.getColor("setting_validation_error");
+                case "ValidatorState.MinimumWarning":
+                case "ValidatorState.MaximumWarning":
+                    return UM.Theme.getColor("setting_validation_warning");
+            }
+            //Validation is OK.
             if(hovered || input.activeFocus)
             {
                 return UM.Theme.getColor("setting_control_border_highlight")
@@ -39,15 +50,12 @@ SettingItem
             switch(propertyProvider.properties.validationState)
             {
                 case "ValidatorState.Exception":
-                    return UM.Theme.getColor("setting_validation_error")
                 case "ValidatorState.MinimumError":
-                    return UM.Theme.getColor("setting_validation_error")
                 case "ValidatorState.MaximumError":
-                    return UM.Theme.getColor("setting_validation_error")
+                    return UM.Theme.getColor("setting_validation_error_background")
                 case "ValidatorState.MinimumWarning":
-                    return UM.Theme.getColor("setting_validation_warning")
                 case "ValidatorState.MaximumWarning":
-                    return UM.Theme.getColor("setting_validation_warning")
+                    return UM.Theme.getColor("setting_validation_warning_background")
                 case "ValidatorState.Valid":
                     return UM.Theme.getColor("setting_validation_ok")
 

resources/qml/Settings/SettingView.qml

@@ -1,4 +1,4 @@
-// Copyright (c) 2015 Ultimaker B.V.
+// Copyright (c) 2017 Ultimaker B.V.
 // Uranium is released under the terms of the AGPLv3 or higher.
 
 import QtQuick 2.2
@@ -42,9 +42,9 @@ Item
         {
             top: parent.top
             left: parent.left
-            leftMargin: UM.Theme.getSize("default_margin").width
+            leftMargin: UM.Theme.getSize("sidebar_margin").width
             right: parent.right
-            rightMargin: UM.Theme.getSize("default_margin").width
+            rightMargin: UM.Theme.getSize("sidebar_margin").width
         }
         height: visible ? UM.Theme.getSize("setting_control").height : 0
         Behavior on height { NumberAnimation { duration: 100 } }
@@ -55,13 +55,14 @@ Item
 
             anchors.left: parent.left
             anchors.right: clearFilterButton.left
-            anchors.rightMargin: UM.Theme.getSize("default_margin").width
+            anchors.rightMargin: UM.Theme.getSize("sidebar_margin").width
 
             placeholderText: catalog.i18nc("@label:textbox", "Search...")
 
             style: TextFieldStyle
             {
                 textColor: UM.Theme.getColor("setting_control_text");
+                placeholderTextColor: UM.Theme.getColor("setting_control_text")
                 font: UM.Theme.getFont("default");
                 background: Item {}
             }
@@ -118,7 +119,7 @@ Item
 
             anchors.verticalCenter: parent.verticalCenter
             anchors.right: parent.right
-            anchors.rightMargin: UM.Theme.getSize("default_margin").width
+            anchors.rightMargin: UM.Theme.getSize("sidebar_margin").width
 
             color: UM.Theme.getColor("setting_control_button")
             hoverColor: UM.Theme.getColor("setting_control_button_hover")
@@ -137,7 +138,7 @@ Item
         anchors.bottom: parent.bottom;
         anchors.right: parent.right;
         anchors.left: parent.left;
-        anchors.topMargin: filterContainer.visible ? UM.Theme.getSize("default_margin").width : 0
+        anchors.topMargin: filterContainer.visible ? UM.Theme.getSize("sidebar_margin").height : 0
         Behavior on anchors.topMargin { NumberAnimation { duration: 100 } }
 
         style: UM.Theme.styles.scrollview;
@@ -296,7 +297,7 @@ Item
                         contextMenu.provider = provider
                         contextMenu.popup();
                     }
-                    onShowTooltip: base.showTooltip(delegate, { x: 0, y: delegate.height / 2 }, text)
+                    onShowTooltip: base.showTooltip(delegate, { x: -UM.Theme.getSize("default_arrow").width, y: delegate.height / 2 }, text)
                     onHideTooltip: base.hideTooltip()
                     onShowAllHiddenInheritedSettings:
                     {

resources/qml/Sidebar.qml

@@ -43,14 +43,14 @@ Rectangle
 
         onTriggered:
         {
-            base.showTooltip(base, {x:1, y:item.y}, text);
+            base.showTooltip(base, {x: 0, y: item.y}, text);
         }
     }
 
     function showTooltip(item, position, text)
     {
         tooltip.text = text;
-        position = item.mapToItem(base, position.x, position.y);
+        position = item.mapToItem(base, position.x - UM.Theme.getSize("default_arrow").width, position.y);
         tooltip.show(position);
     }
 
@@ -102,7 +102,7 @@ Rectangle
         height: visible ? UM.Theme.getSize("sidebar_lining").height : 0
         color: UM.Theme.getColor("sidebar_lining")
         anchors.top: header.bottom
-        anchors.topMargin: visible ? UM.Theme.getSize("default_margin").height : 0
+        anchors.topMargin: visible ? UM.Theme.getSize("sidebar_margin").height : 0
     }
 
     onCurrentModeIndexChanged:
@@ -118,10 +118,10 @@ Rectangle
         id: settingsModeLabel
         text: !hideSettings ? catalog.i18nc("@label:listbox", "Print Setup") : catalog.i18nc("@label:listbox","Print Setup disabled\nG-code files cannot be modified");
         anchors.left: parent.left
-        anchors.leftMargin: UM.Theme.getSize("default_margin").width;
+        anchors.leftMargin: UM.Theme.getSize("sidebar_margin").width
         anchors.top: headerSeparator.bottom
-        anchors.topMargin: UM.Theme.getSize("default_margin").height
+        anchors.topMargin: UM.Theme.getSize("sidebar_margin").height
-        width: parent.width * 0.45 - 2 * UM.Theme.getSize("default_margin").width
+        width: parent.width * 0.45 - 2 * UM.Theme.getSize("sidebar_margin").width
         font: UM.Theme.getFont("large")
         color: UM.Theme.getColor("text")
         visible: !monitoringPrint
@@ -134,9 +134,9 @@ Rectangle
         width: parent.width * 0.55
         height: UM.Theme.getSize("sidebar_header_mode_toggle").height
         anchors.right: parent.right
-        anchors.rightMargin: UM.Theme.getSize("default_margin").width
+        anchors.rightMargin: UM.Theme.getSize("sidebar_margin").width
         anchors.top: headerSeparator.bottom
-        anchors.topMargin: UM.Theme.getSize("default_margin").height
+        anchors.topMargin: UM.Theme.getSize("sidebar_margin").height
         visible: !monitoringPrint && !hideSettings
         Component{
             id: wizardDelegate
@@ -169,18 +169,18 @@ Rectangle
                 style: ButtonStyle {
                     background: Rectangle {
                         border.width: UM.Theme.getSize("default_lining").width
-                        border.color: control.checked ? UM.Theme.getColor("toggle_checked_border") :
+                        border.color: (control.checked || control.pressed) ? UM.Theme.getColor("action_button_active_border") :
-                                          control.pressed ? UM.Theme.getColor("toggle_active_border") :
+                                          control.hovered ? UM.Theme.getColor("action_button_hovered_border") :
-                                          control.hovered ? UM.Theme.getColor("toggle_hovered_border") : UM.Theme.getColor("toggle_unchecked_border")
+                                          UM.Theme.getColor("action_button_border")
-                        color: control.checked ? UM.Theme.getColor("toggle_checked") :
+                        color: (control.checked || control.pressed) ? UM.Theme.getColor("action_button_active") :
-                                   control.pressed ? UM.Theme.getColor("toggle_active") :
+                                   control.hovered ? UM.Theme.getColor("action_button_hovered") :
-                                   control.hovered ? UM.Theme.getColor("toggle_hovered") : UM.Theme.getColor("toggle_unchecked")
+                                   UM.Theme.getColor("action_button")
                         Behavior on color { ColorAnimation { duration: 50; } }
                         Label {
                             anchors.centerIn: parent
-                            color: control.checked ? UM.Theme.getColor("toggle_checked_text") :
+                            color: (control.checked || control.pressed) ? UM.Theme.getColor("action_button_active_text") :
-                                       control.pressed ? UM.Theme.getColor("toggle_active_text") :
+                                       control.hovered ? UM.Theme.getColor("action_button_hovered_text") :
-                                       control.hovered ? UM.Theme.getColor("toggle_hovered_text") : UM.Theme.getColor("toggle_unchecked_text")
+                                       UM.Theme.getColor("action_button_text")
                             font: UM.Theme.getFont("default")
                             text: control.text;
                         }
@@ -212,18 +212,18 @@ Rectangle
         anchors
         {
             top: settingsModeSelection.bottom
-            topMargin: UM.Theme.getSize("default_margin").width
+            topMargin: UM.Theme.getSize("sidebar_margin").height
             left: parent.left
-            leftMargin: UM.Theme.getSize("default_margin").width
+            leftMargin: UM.Theme.getSize("sidebar_margin").width
             right: parent.right
-            rightMargin: UM.Theme.getSize("default_margin").width
+            rightMargin: UM.Theme.getSize("sidebar_margin").width
         }
 
         Text
         {
             id: globalProfileLabel
             text: catalog.i18nc("@label","Profile:");
-            width: parent.width * 0.45 - UM.Theme.getSize("default_margin").width
+            width: parent.width * 0.45 - UM.Theme.getSize("sidebar_margin").width
             font: UM.Theme.getFont("default");
             color: UM.Theme.getColor("text");
             verticalAlignment: Text.AlignVCenter
@@ -247,14 +247,13 @@ Rectangle
             }
             enabled: !header.currentExtruderVisible || header.currentExtruderIndex > -1
 
-            width: parent.width * 0.7 + UM.Theme.getSize("default_margin").width
+            width: parent.width * 0.7 + UM.Theme.getSize("sidebar_margin").width
             height: UM.Theme.getSize("setting_control").height
             anchors.left: globalProfileLabel.right
             anchors.right: parent.right
             tooltip: Cura.MachineManager.activeQualityName
             style: UM.Theme.styles.sidebar_header_button
             activeFocusOnPress: true;
-            property var valueWarning: !Cura.MachineManager.isActiveQualitySupported
             menu: ProfileMenu { }
 
             UM.SimpleButton
@@ -267,7 +266,7 @@ Rectangle
 
                 anchors.verticalCenter: parent.verticalCenter
                 anchors.right: parent.right
-                anchors.rightMargin: UM.Theme.getSize("setting_preferences_button_margin").width - UM.Theme.getSize("default_margin").width
+                anchors.rightMargin: UM.Theme.getSize("setting_preferences_button_margin").width - UM.Theme.getSize("sidebar_margin").width
 
                 color: hovered ? UM.Theme.getColor("setting_control_button_hover") : UM.Theme.getColor("setting_control_button");
                 iconSource: UM.Theme.getIcon("star");
@@ -280,7 +279,7 @@ Rectangle
                 onEntered:
                 {
                     var content = catalog.i18nc("@tooltip","Some setting/override values are different from the values stored in the profile.\n\nClick to open the profile manager.")
-                    base.showTooltip(globalProfileRow, Qt.point(-UM.Theme.getSize("default_margin").width, 0),  content)
+                    base.showTooltip(globalProfileRow, Qt.point(-UM.Theme.getSize("sidebar_margin").width, 0),  content)
                 }
                 onExited: base.hideTooltip()
             }
@@ -293,7 +292,7 @@ Rectangle
 
         anchors.bottom: footerSeparator.top
         anchors.top: globalProfileRow.bottom
-        anchors.topMargin: UM.Theme.getSize("default_margin").height
+        anchors.topMargin: UM.Theme.getSize("sidebar_margin").height
         anchors.left: base.left
         anchors.right: base.right
         visible: !monitoringPrint && !hideSettings
@@ -379,7 +378,7 @@ Rectangle
         height: UM.Theme.getSize("sidebar_lining").height
         color: UM.Theme.getColor("sidebar_lining")
         anchors.bottom: printSpecs.top
-        anchors.bottomMargin: UM.Theme.getSize("default_margin").height * 2 + UM.Theme.getSize("progressbar").height + UM.Theme.getFont("default_bold").pixelSize
+        anchors.bottomMargin: UM.Theme.getSize("sidebar_margin").height * 2 + UM.Theme.getSize("progressbar").height + UM.Theme.getFont("default_bold").pixelSize
     }
 
     Rectangle
@@ -387,8 +386,8 @@ Rectangle
         id: printSpecs
         anchors.left: parent.left
         anchors.bottom: parent.bottom
-        anchors.leftMargin: UM.Theme.getSize("default_margin").width
+        anchors.leftMargin: UM.Theme.getSize("sidebar_margin").width
-        anchors.bottomMargin: UM.Theme.getSize("default_margin").height
+        anchors.bottomMargin: UM.Theme.getSize("sidebar_margin").height
         height: childrenRect.height
         visible: !monitoringPrint
 
@@ -501,7 +500,7 @@ Rectangle
         id: saveButton
         implicitWidth: base.width
         anchors.top: footerSeparator.bottom
-        anchors.topMargin: UM.Theme.getSize("default_margin").height
+        anchors.topMargin: UM.Theme.getSize("sidebar_margin").height
         anchors.bottom: parent.bottom
         visible: !monitoringPrint
     }
@@ -511,7 +510,7 @@ Rectangle
         id: monitorButton
         implicitWidth: base.width
         anchors.top: footerSeparator.bottom
-        anchors.topMargin: UM.Theme.getSize("default_margin").height
+        anchors.topMargin: UM.Theme.getSize("sidebar_margin").height
         anchors.bottom: parent.bottom
         visible: monitoringPrint
     }

resources/qml/SidebarHeader.qml

@@ -17,7 +17,7 @@ Column
     property int currentExtruderIndex: ExtruderManager.activeExtruderIndex;
     property bool currentExtruderVisible: extrudersList.visible;
 
-    spacing: UM.Theme.getSize("default_margin").height
+    spacing: UM.Theme.getSize("sidebar_margin").height
 
     signal showTooltip(Item item, point location, string text)
     signal hideTooltip()
@@ -133,9 +133,9 @@ Column
                         {
                             anchors.verticalCenter: parent.verticalCenter
                             anchors.left: swatch.visible ? swatch.right : parent.left
-                            anchors.leftMargin: swatch.visible ? UM.Theme.getSize("default_margin").width / 2 : UM.Theme.getSize("default_margin").width
+                            anchors.leftMargin: swatch.visible ? UM.Theme.getSize("sidebar_margin").width / 2 : UM.Theme.getSize("sidebar_margin").width
                             anchors.right: parent.right
-                            anchors.rightMargin: UM.Theme.getSize("default_margin").width / 2
+                            anchors.rightMargin: UM.Theme.getSize("sidebar_margin").width / 2
 
                             color: control.checked ? UM.Theme.getColor("tab_checked_text") :
                                    control.pressed ? UM.Theme.getColor("tab_active_text") :
@@ -155,7 +155,7 @@ Column
     Item
     {
         id: variantRowSpacer
-        height: UM.Theme.getSize("default_margin").height / 4
+        height: UM.Theme.getSize("sidebar_margin").height / 4
         width: height
         visible: !extruderSelectionRow.visible
     }
@@ -170,9 +170,9 @@ Column
         anchors
         {
             left: parent.left
-            leftMargin: UM.Theme.getSize("default_margin").width
+            leftMargin: UM.Theme.getSize("sidebar_margin").width
             right: parent.right
-            rightMargin: UM.Theme.getSize("default_margin").width
+            rightMargin: UM.Theme.getSize("sidebar_margin").width
         }
 
         Text
@@ -207,7 +207,7 @@ Column
             enabled: !extrudersList.visible || base.currentExtruderIndex  > -1
 
             height: UM.Theme.getSize("setting_control").height
-            width: parent.width * 0.7 + UM.Theme.getSize("default_margin").width
+            width: parent.width * 0.7 + UM.Theme.getSize("sidebar_margin").width
             anchors.right: parent.right
             style: UM.Theme.styles.sidebar_header_button
             activeFocusOnPress: true;
@@ -226,9 +226,9 @@ Column
         anchors
         {
             left: parent.left
-            leftMargin: UM.Theme.getSize("default_margin").width
+            leftMargin: UM.Theme.getSize("sidebar_margin").width
             right: parent.right
-            rightMargin: UM.Theme.getSize("default_margin").width
+            rightMargin: UM.Theme.getSize("sidebar_margin").width
         }
 
         Text
@@ -247,7 +247,7 @@ Column
             visible: Cura.MachineManager.hasVariants
 
             height: UM.Theme.getSize("setting_control").height
-            width: parent.width * 0.7 + UM.Theme.getSize("default_margin").width
+            width: parent.width * 0.7 + UM.Theme.getSize("sidebar_margin").width
             anchors.right: parent.right
             style: UM.Theme.styles.sidebar_header_button
             activeFocusOnPress: true;
@@ -266,16 +266,16 @@ Column
         anchors
         {
             left: parent.left
-            leftMargin: UM.Theme.getSize("default_margin").width
+            leftMargin: UM.Theme.getSize("sidebar_margin").width
             right: parent.right
-            rightMargin: UM.Theme.getSize("default_margin").width
+            rightMargin: UM.Theme.getSize("sidebar_margin").width
         }
 
         Item
         {
             height: UM.Theme.getSize("sidebar_setup").height
             anchors.right: parent.right
-            width: parent.width * 0.7 + UM.Theme.getSize("default_margin").width
+            width: parent.width * 0.7 + UM.Theme.getSize("sidebar_margin").width
 
             Text
             {
@@ -286,17 +286,7 @@ Column
                 verticalAlignment: Text.AlignVCenter
                 anchors.top: parent.top
                 anchors.bottom: parent.bottom
-                color:
+                color: UM.Theme.getColor("text")
-                {
-                    if (!Cura.MachineManager.isActiveQualitySupported)
-                    {
-                        UM.Theme.getColor("setting_validation_error");
-                    }
-                    else
-                    {
-                        UM.Theme.getColor("text");
-                    }
-                }
 
                 MouseArea
                 {
@@ -317,7 +307,7 @@ Column
                         var content = catalog.i18nc("@tooltip", "Click to check the material compatibility on Ultimaker.com.");
                         base.showTooltip(
                             materialInfoRow,
-                            Qt.point(-UM.Theme.getSize("default_margin").width, 0),
+                            Qt.point(-UM.Theme.getSize("sidebar_margin").width, 0),
                             catalog.i18nc("@tooltip", content)
                         );
                     }
@@ -336,8 +326,8 @@ Column
                 //sourceSize.width: width + 5
                 //sourceSize.height: width + 5
 
-                color: UM.Theme.getColor("setting_control_text")
+                color: UM.Theme.getColor("setting_validation_warning")
-                visible: !Cura.MachineManager.isActiveQualitySupported
+                visible: !Cura.MachineManager.isCurrentSetupSupported
             }
         }
     }

resources/qml/SidebarSimple.qml

@@ -1,4 +1,4 @@
-// Copyright (c) 2016 Ultimaker B.V.
+// Copyright (c) 2017 Ultimaker B.V.
 // Cura is released under the terms of the AGPLv3 or higher.
 
 import QtQuick 2.2
@@ -25,13 +25,23 @@ Item
     Component.onDestruction: PrintInformation.enabled = false
     UM.I18nCatalog { id: catalog; name: "cura" }
 
+    ScrollView
+    {
+        anchors.fill: parent
+        style: UM.Theme.styles.scrollview
+        flickableItem.flickableDirection: Flickable.VerticalFlick
+
+        Rectangle
+        {
+            width: childrenRect.width
+            height: childrenRect.height
             Item
             {
                 id: infillCellLeft
                 anchors.top: parent.top
                 anchors.left: parent.left
-        anchors.topMargin: UM.Theme.getSize("default_margin").height
+                anchors.topMargin: UM.Theme.getSize("sidebar_margin").height
-        width: base.width * .45 - UM.Theme.getSize("default_margin").width
+                width: UM.Theme.getSize("sidebar").width * .45 - UM.Theme.getSize("sidebar_margin").width
                 height: childrenRect.height
 
                 Text
@@ -42,9 +52,9 @@ Item
                     font: UM.Theme.getFont("default");
                     color: UM.Theme.getColor("text");
                     anchors.top: parent.top
-            anchors.topMargin: UM.Theme.getSize("default_margin").height
+                    anchors.topMargin: UM.Theme.getSize("sidebar_margin").height
                     anchors.left: parent.left
-            anchors.leftMargin: UM.Theme.getSize("default_margin").width
+                    anchors.leftMargin: UM.Theme.getSize("sidebar_margin").width
                 }
             }
 
@@ -53,9 +63,9 @@ Item
                 id: infillCellRight
 
                 height: childrenRect.height;
-        width: base.width * .55
+                width: UM.Theme.getSize("sidebar").width * .55
 
-        spacing: UM.Theme.getSize("default_margin").width
+                spacing: UM.Theme.getSize("sidebar_margin").width
 
                 anchors.left: infillCellLeft.right
                 anchors.top: infillCellLeft.top
@@ -88,7 +98,7 @@ Item
                         {
                             id: infillIconLining
 
-                    width: (infillCellRight.width - ((infillModel.count - 1)  * UM.Theme.getSize("default_margin").width)) / (infillModel.count);
+                            width: (infillCellRight.width - ((infillModel.count - 1)  * UM.Theme.getSize("sidebar_margin").width)) / (infillModel.count);
                             height: width
 
                             border.color:
@@ -133,7 +143,7 @@ Item
                                 color: {
                                     if(infillListView.activeIndex == index)
                                     {
-                                return UM.Theme.getColor("text_reversed")
+                                        return UM.Theme.getColor("text_emphasis")
                                     }
                                     if(!base.settingsEnabled)
                                     {
@@ -169,7 +179,7 @@ Item
                         Text
                         {
                             id: infillLabel
-                    width: (infillCellRight.width - ((infillModel.count - 1)  * UM.Theme.getSize("default_margin").width)) / (infillModel.count);
+                            width: (infillCellRight.width - ((infillModel.count - 1)  * UM.Theme.getSize("sidebar_margin").width)) / (infillModel.count);
                             horizontalAlignment: Text.AlignHCenter
                             verticalAlignment: Text.AlignVCenter
                             wrapMode: Text.WordWrap
@@ -248,22 +258,12 @@ Item
                 }
             }
 
-    Item
-    {
-        id: helpersCell
-        anchors.top: infillCellRight.bottom
-        anchors.topMargin: UM.Theme.getSize("default_margin").height * 2
-        anchors.left: parent.left
-        anchors.right: parent.right
-        height: childrenRect.height
-
             Text
             {
                 id: enableSupportLabel
                 anchors.left: parent.left
-            anchors.leftMargin: UM.Theme.getSize("default_margin").width
+                anchors.leftMargin: UM.Theme.getSize("sidebar_margin").width
                 anchors.verticalCenter: enableSupportCheckBox.verticalCenter
-            width: parent.width * .45 - 3 * UM.Theme.getSize("default_margin").width
                 text: catalog.i18nc("@label", "Generate Support");
                 font: UM.Theme.getFont("default");
                 color: UM.Theme.getColor("text");
@@ -274,9 +274,9 @@ Item
                 id: enableSupportCheckBox
                 property alias _hovered: enableSupportMouseArea.containsMouse
 
-            anchors.top: parent.top
+                anchors.top: infillCellRight.bottom
-            anchors.left: enableSupportLabel.right
+                anchors.topMargin: UM.Theme.getSize("sidebar_margin").height * 2
-            anchors.leftMargin: UM.Theme.getSize("default_margin").width
+                anchors.left: infillCellRight.left
 
                 style: UM.Theme.styles.checkbox;
                 enabled: base.settingsEnabled
@@ -311,9 +311,8 @@ Item
                 id: supportExtruderLabel
                 visible: (supportEnabled.properties.value == "True") && (machineExtruderCount.properties.value > 1)
                 anchors.left: parent.left
-            anchors.leftMargin: UM.Theme.getSize("default_margin").width
+                anchors.leftMargin: UM.Theme.getSize("sidebar_margin").width
                 anchors.verticalCenter: supportExtruderCombobox.verticalCenter
-            width: parent.width * .45 - 3 * UM.Theme.getSize("default_margin").width
                 text: catalog.i18nc("@label", "Support Extruder");
                 font: UM.Theme.getFont("default");
                 color: UM.Theme.getColor("text");
@@ -344,16 +343,15 @@ Item
                 {
                     if ((supportEnabled.properties.value == "True") && (machineExtruderCount.properties.value > 1))
                     {
-                    return UM.Theme.getSize("default_margin").height;
+                        return UM.Theme.getSize("sidebar_margin").height;
                     }
                     else
                     {
                         return 0;
                     }
                 }
-            anchors.left: supportExtruderLabel.right
+                anchors.left: infillCellRight.left
-            anchors.leftMargin: UM.Theme.getSize("default_margin").width
+                width: UM.Theme.getSize("sidebar").width * .55
-            width: parent.width * .55
                 height:
                 {
                     if ((supportEnabled.properties.value == "True") && (machineExtruderCount.properties.value > 1))
@@ -410,9 +408,8 @@ Item
             {
                 id: adhesionHelperLabel
                 anchors.left: parent.left
-            anchors.leftMargin: UM.Theme.getSize("default_margin").width
+                anchors.leftMargin: UM.Theme.getSize("sidebar_margin").width
                 anchors.verticalCenter: adhesionCheckBox.verticalCenter
-            width: parent.width * .45 - 3 * UM.Theme.getSize("default_margin").width
                 text: catalog.i18nc("@label", "Build Plate Adhesion");
                 font: UM.Theme.getFont("default");
                 color: UM.Theme.getColor("text");
@@ -425,9 +422,8 @@ Item
                 property alias _hovered: adhesionMouseArea.containsMouse
 
                 anchors.top: supportExtruderCombobox.bottom
-            anchors.topMargin: UM.Theme.getSize("default_margin").height * 2
+                anchors.topMargin: UM.Theme.getSize("sidebar_margin").height * 2
-            anchors.left: adhesionHelperLabel.right
+                anchors.left: infillCellRight.left
-            anchors.leftMargin: UM.Theme.getSize("default_margin").width
 
                 //: Setting enable printing build-plate adhesion helper checkbox
                 style: UM.Theme.styles.checkbox;
@@ -481,39 +477,27 @@ Item
                 id: extruders
                 onModelChanged: populateExtruderModel()
             }
-    }
-
-    function populateExtruderModel()
-    {
-        extruderModel.clear();
-        for(var extruderNumber = 0; extruderNumber < extruders.rowCount() ; extruderNumber++)
-        {
-            extruderModel.append({
-                text: extruders.getItem(extruderNumber).name,
-                color: extruders.getItem(extruderNumber).color
-            })
-        }
-        supportExtruderCombobox.updateCurrentColor();
-    }
 
             Item
             {
                 id: tipsCell
-        anchors.top: helpersCell.bottom
+                anchors.top: adhesionCheckBox.bottom
-        anchors.topMargin: UM.Theme.getSize("default_margin").height * 2
+                anchors.topMargin: UM.Theme.getSize("sidebar_margin").height * 2
                 anchors.left: parent.left
                 width: parent.width
-        height: childrenRect.height
+                height: tipsText.contentHeight * tipsText.lineCount
 
                 Text
                 {
+                    id: tipsText
                     anchors.left: parent.left
-            anchors.leftMargin: UM.Theme.getSize("default_margin").width
+                    anchors.leftMargin: UM.Theme.getSize("sidebar_margin").width
                     anchors.right: parent.right
-            anchors.rightMargin: UM.Theme.getSize("default_margin").width
+                    anchors.rightMargin: UM.Theme.getSize("sidebar_margin").width
+                    anchors.top: parent.top
                     wrapMode: Text.WordWrap
                     //: Tips label
-            text: catalog.i18nc("@label", "Need help improving your prints?<br>Read the <a href='%1'>Ultimaker Troubleshooting Guides</a>").arg("https://ultimaker.com/en/troubleshooting");
+                    text: catalog.i18nc("@label", "Need help improving your prints?<br>Read the <a href='%1'>Ultimaker Troubleshooting Guides</a>").arg("https://ultimaker.com/en/troubleshooting") + "<img src='%1'></img>".arg(UM.Theme.getIcon("play"))
                     font: UM.Theme.getFont("default");
                     color: UM.Theme.getColor("text");
                     linkColor: UM.Theme.getColor("text_link")
@@ -616,3 +600,18 @@ Item
                 storeIndex: 0
             }
         }
+    }
+
+    function populateExtruderModel()
+    {
+        extruderModel.clear();
+        for(var extruderNumber = 0; extruderNumber < extruders.rowCount() ; extruderNumber++)
+        {
+            extruderModel.append({
+                text: extruders.getItem(extruderNumber).name,
+                color: extruders.getItem(extruderNumber).color
+            })
+        }
+        supportExtruderCombobox.updateCurrentColor();
+    }
+}

resources/qml/Topbar.qml

@@ -58,7 +58,7 @@ Rectangle
             height: UM.Theme.getSize("sidebar_header").height
             onClicked: base.startMonitoringPrint()
             text: catalog.i18nc("@title:tab", "Monitor")
-            iconSource: printerConnected ? UM.Theme.getIcon("tab_monitor_with_status") : UM.Theme.getIcon("tab_monitor")
+            iconSource: UM.Theme.getIcon("tab_monitor")
             property color overlayColor:
             {
                 if(!printerAcceptsCommands)
@@ -122,8 +122,6 @@ Rectangle
                         return UM.Theme.getIcon("tab_status_paused")
                     case "error":
                         return UM.Theme.getIcon("tab_status_stopped")
-                    case "offline":
-                        return UM.Theme.getIcon("tab_status_offline")
                     default:
                         return ""
                 }
@@ -191,13 +189,13 @@ Rectangle
                     height: UM.Theme.getSize("standard_arrow").height
                     sourceSize.width: width
                     sourceSize.height: width
-                    color: UM.Theme.getColor("text_reversed")
+                    color: UM.Theme.getColor("text_emphasis")
                     source: UM.Theme.getIcon("arrow_bottom")
                 }
                 Label
                 {
                     id: sidebarComboBoxLabel
-                    color: UM.Theme.getColor("text_reversed")
+                    color: UM.Theme.getColor("sidebar_header_text_active")
                     text: control.text;
                     elide: Text.ElideRight;
                     anchors.left: parent.left;

resources/themes/cura-dark/theme.json

@@ -4,183 +4,8 @@
         "inherits": "cura"
     },
     "colors": {
-        "sidebar": [83, 83, 83, 255],
+        "viewport_background": [31, 36, 39, 255],
-        "lining": [127, 127, 127, 255],
+        "text_scene": [255, 255, 255, 162],
-        "viewport_overlay": [66, 66, 66, 255],
+        "text_scene_hover": [255, 255, 255, 204]
-
-        "primary": [12, 169, 227, 255],
-        "primary_hover": [48, 182, 231, 255],
-        "primary_text": [83, 83, 83, 255],
-        "border": [127, 127, 127, 255],
-        "secondary": [66, 66, 66, 255],
-
-        "text": [255, 255, 255, 255],
-        "text_detail": [174, 174, 174, 128],
-        "text_link": [12, 169, 227, 255],
-        "text_inactive": [174, 174, 174, 255],
-        "text_hover": [70, 84, 113, 255],
-        "text_pressed": [12, 169, 227, 255],
-        "text_reversed": [255, 255, 255, 255],
-        "text_subtext": [255, 255, 255, 255],
-
-        "error": [255, 140, 0, 255],
-
-        "sidebar_header_bar": [66, 66, 66, 255],
-        "sidebar_header_active": [83, 83, 83, 255],
-        "sidebar_header_hover": [83, 83, 83, 255],
-        "sidebar_header_highlight": [83, 83, 83, 255],
-        "sidebar_header_highlight_hover": [66, 66, 66, 255],
-        "sidebar_lining": [66, 66, 66, 255],
-
-        "button": [83, 83, 83, 255],
-        "button_hover": [83, 83, 83, 255],
-        "button_active": [32, 166, 219, 255],
-        "button_active_hover": [12, 169, 227, 255],
-        "button_text": [255, 255, 255, 255],
-        "button_disabled": [255, 255, 255, 255],
-        "button_disabled_text": [70, 84, 113, 255],
-
-        "button_tooltip": [83, 83, 83, 255],
-        "button_tooltip_border": [255, 255, 255, 255],
-        "button_tooltip_text": [255, 255, 255, 255],
-
-        "toggle_checked": [255, 255, 255, 255],
-        "toggle_checked_border": [255, 255, 255, 255],
-        "toggle_checked_text": [83, 83, 83, 255],
-        "toggle_unchecked": [83, 83, 83, 255],
-        "toggle_unchecked_border": [127, 127, 127, 255],
-        "toggle_unchecked_text": [255, 255, 255, 255],
-        "toggle_hovered": [83, 83, 83, 255],
-        "toggle_hovered_border": [32, 166, 219, 255],
-        "toggle_hovered_text": [255, 255, 255, 255],
-        "toggle_active": [32, 166, 219, 255],
-        "toggle_active_border": [32, 166, 219, 255],
-        "toggle_active_text": [255, 255, 255, 255],
-
-        "tab_checked": [83, 83, 83, 255],
-        "tab_checked_border": [83, 83, 83, 255],
-        "tab_checked_text": [255, 255, 255, 255],
-        "tab_unchecked": [66, 66, 66, 255],
-        "tab_unchecked_border": [66, 66, 66, 255],
-        "tab_unchecked_text": [127, 127, 127, 255],
-        "tab_hovered": [66, 66, 66, 255],
-        "tab_hovered_border": [66, 66, 66, 255],
-        "tab_hovered_text": [32, 166, 219, 255],
-        "tab_active": [83, 83, 83, 255],
-        "tab_active_border": [83, 83, 83, 255],
-        "tab_active_text": [255, 255, 255, 255],
-        "tab_background": [66, 66, 66, 255],
-
-        "action_button": [83, 83, 83, 255],
-        "action_button_text": [255, 255, 255, 255],
-        "action_button_border": [127, 127, 127, 255],
-        "action_button_hovered": [83, 83, 83, 255],
-        "action_button_hovered_text": [255, 255, 255, 255],
-        "action_button_hovered_border": [12, 169, 227, 255],
-        "action_button_active": [12, 169, 227, 255],
-        "action_button_active_text": [83, 83, 83, 255],
-        "action_button_active_border": [12, 169, 227, 255],
-        "action_button_disabled": [66, 66, 66, 255],
-        "action_button_disabled_text": [127, 127, 127, 255],
-        "action_button_disabled_border": [66, 66, 66, 255],
-
-        "scrollbar_background": [83, 83, 83, 255],
-        "scrollbar_handle": [255, 255, 255, 255],
-        "scrollbar_handle_hover": [12, 159, 227, 255],
-        "scrollbar_handle_down": [12, 159, 227, 255],
-
-        "setting_category": [66, 66, 66, 255],
-        "setting_category_disabled": [83, 83, 83, 255],
-        "setting_category_hover": [66, 66, 66, 255],
-        "setting_category_active": [66, 66, 66, 255],
-        "setting_category_active_hover": [66, 66, 66, 255],
-        "setting_category_text": [255, 255, 255, 255],
-        "setting_category_border": [66, 66, 66, 255],
-        "setting_category_disabled_border": [66, 66, 66, 255],
-        "setting_category_hover_border": [12, 159, 227, 255],
-        "setting_category_active_border": [66, 66, 66, 255],
-        "setting_category_active_hover_border": [12, 159, 227, 255],
-
-        "setting_control": [83, 83, 83, 255],
-        "setting_control_selected": [12, 159, 227, 255],
-        "setting_control_highlight": [83, 83, 83, 0],
-        "setting_control_border": [127, 127, 127, 255],
-        "setting_control_border_highlight": [12, 169, 227, 255],
-        "setting_control_text": [255, 255, 255, 255],
-        "setting_control_depth_line": [127, 127, 127, 255],
-        "setting_control_button": [127, 127, 127, 255],
-        "setting_control_button_hover": [70, 84, 113, 255],
-        "setting_control_disabled": [66, 66, 66, 255],
-        "setting_control_disabled_text": [127, 127, 127, 255],
-        "setting_control_disabled_border": [127, 127, 127, 255],
-        "setting_unit": [127, 127, 127, 255],
-        "setting_validation_error": [204, 37, 0, 255],
-        "setting_validation_warning": [204, 146, 0, 255],
-        "setting_validation_ok": [83, 83, 83, 255],
-
-        "progressbar_background": [66, 66, 66, 255],
-        "progressbar_control": [255, 255, 255, 255],
-
-        "slider_groove": [66, 66, 66, 255],
-        "slider_groove_border": [127, 127, 127, 255],
-        "slider_groove_fill": [127, 127, 127, 255],
-        "slider_handle": [32, 166, 219, 255],
-        "slider_handle_hover": [77, 182, 226, 255],
-        "slider_text_background": [83, 83, 83, 255],
-
-        "checkbox": [83, 83, 83, 255],
-        "checkbox_hover": [83, 83, 83, 255],
-        "checkbox_border": [127, 127, 127, 255],
-        "checkbox_border_hover": [12, 169, 227, 255],
-        "checkbox_mark": [255, 255, 255, 255],
-        "checkbox_text": [255, 255, 255, 255],
-
-        "mode_switch": [83, 83, 83, 255],
-        "mode_switch_hover": [83, 83, 83, 255],
-        "mode_switch_border": [127, 127, 127, 255],
-        "mode_switch_border_hover": [12, 169, 227, 255],
-        "mode_switch_handle": [255, 255, 255, 255],
-        "mode_switch_text": [255, 255, 255, 255],
-        "mode_switch_text_hover": [255, 255, 255, 255],
-        "mode_switch_text_checked": [12, 169, 227, 255],
-
-        "tooltip": [40, 40, 40, 255],
-        "tooltip_text": [255, 255, 255, 255],
-
-        "message_background": [255, 255, 255, 255],
-        "message_text": [83, 83, 83, 255],
-        "message_border": [255, 255, 255, 255],
-        "message_button": [83, 83, 83, 255],
-        "message_button_hover": [12, 169, 227, 255],
-        "message_button_active": [32, 166, 219, 255],
-        "message_button_text": [255, 255, 255, 255],
-        "message_button_text_hover": [83, 83, 83, 255],
-        "message_button_text_active": [83, 83, 83, 255],
-        "message_progressbar_background": [83, 83, 83, 255],
-        "message_progressbar_control": [12, 169, 227, 255],
-
-        "tool_panel_background": [83, 83, 83, 255],
-
-        "status_offline": [0, 0, 0, 255],
-        "status_ready": [0, 205, 0, 255],
-        "status_busy": [12, 169, 227, 255],
-        "status_paused": [255, 140, 0, 255],
-        "status_stopped": [236, 82, 80, 255],
-        "status_unknown": [127, 127, 127, 255],
-
-        "disabled_axis": [127, 127, 127, 255],
-        "x_axis": [255, 0, 0, 255],
-        "y_axis": [0, 0, 255, 255],
-        "z_axis": [0, 255, 0, 255],
-        "all_axis": [83, 83, 83, 255],
-
-        "viewport_background": [66, 66, 66, 255],
-        "volume_outline": [12, 169, 227, 255],
-        "buildplate": [169, 169, 169, 255],
-        "buildplate_alt": [204, 204, 204, 255],
-
-        "convex_hull": [35, 35, 35, 127],
-        "disallowed_area": [0, 0, 0, 40],
-        "error_area": [255, 0, 0, 127]
     }
 }

resources/themes/cura-light/icons/drop_down_button.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<svg width="7px" height="5px" viewBox="0 0 7 5" version="1.1" xmlns="http://www.w3.org/2000/svg">
+    <polygon points="3.5 5 7 0 0 0" />
+</svg>

resources/themes/cura-light/icons/notice.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="15" height="15" viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg">
+    <path d="M7.5 15C11.641 15 15 11.643 15 7.5 15 3.358 11.641 0 7.5 0 3.358 0 0 3.358 0 7.5 0 11.643 3.358 15 7.5 15ZM8.6 12.369L6.472 12.369 6.472 4.57 8.6 4.57 8.6 12.369ZM7.541 1.514C8.313 1.514 8.697 1.861 8.697 2.553 8.697 2.885 8.6 3.141 8.409 3.325 8.216 3.509 7.926 3.601 7.541 3.601 6.767 3.601 6.382 3.252 6.382 2.553 6.382 1.861 6.767 1.514 7.541 1.514Z"/>
+</svg>

resources/themes/cura-light/icons/play.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<svg width="5px" height="20px" viewBox="0 0 5 20" version="1.1" xmlns="http://www.w3.org/2000/svg">
+    <polygon fill="#FFFFFF" opacity="0.8" points="5 10 0 13.5 0 6.5" />
+</svg>

resources/themes/cura-light/icons/tab_monitor.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="35px" height="28px" viewBox="0 0 35 28" version="1.1" xmlns="http://www.w3.org/2000/svg">
+    <path d="M26,0 L0,0 L0,28 L2.73151751,28 C3.13618677,27.6 3.74319066,27.3 4.45136187,27.3 L21.5486381,27.3 C22.2568093,27.3 22.8638132,27.6 23.2684825,28 L26,28 L26,0 Z M23.5719844,21 C23.5719844,22.3 22.459144,23.4 21.1439689,23.4 L4.95719844,23.4 C3.64202335,23.4 2.52918288,22.3 2.52918288,21 L2.52918288,3.1 C2.52918288,2.7 2.83268482,2.4 3.23735409,2.4 L22.8638132,2.4 C23.2684825,2.4 23.5719844,2.7 23.5719844,3.1 L23.5719844,21 Z" />
+</svg>

resources/themes/cura-light/icons/tab_settings.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37.5 30">
-    <path d="M15.658 26.184h10.526V27.5H15.658v-1.316zm0-2.631h9.21v1.315h-9.21v-1.315zm0-2.632h7.895v1.316h-7.895V20.92zm0-2.632h6.58v1.316h-6.58V18.29zm0-2.631h5.263v1.316h-5.263v-1.316zm0-2.632h3.947v1.316h-3.947v-1.316zm0-2.631h2.632v1.316h-2.632v-1.316zm0-2.632h5.263V9.08h-5.263V7.763zm0-2.631h7.895v1.315h-7.895V5.132zm0-2.632h10.526v1.316H15.658V2.5zm-11.842 0l7.895 8.553L3.816 27.5h10.526v-25H3.816z" fill="#fff" fill-rule="evenodd"/>
+    <path d="M15.658 26.184h10.526V27.5H15.658v-1.316zm0-2.631h9.21v1.315h-9.21v-1.315zm0-2.632h7.895v1.316h-7.895V20.92zm0-2.632h6.58v1.316h-6.58V18.29zm0-2.631h5.263v1.316h-5.263v-1.316zm0-2.632h3.947v1.316h-3.947v-1.316zm0-2.631h2.632v1.316h-2.632v-1.316zm0-2.632h5.263V9.08h-5.263V7.763zm0-2.631h7.895v1.315h-7.895V5.132zm0-2.632h10.526v1.316H15.658V2.5zm-11.842 0l7.895 8.553L3.816 27.5h10.526v-25H3.816z" />
 </svg>

resources/themes/cura-light/icons/tab_status_busy.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="35px" height="28px" viewBox="0 0 35 28" version="1.1" xmlns="http://www.w3.org/2000/svg">
+    <g transform="translate(15.5, 4)">
+        <circle fill="#0CA9E3" cx="9" cy="9" r="8.5" stroke="#18294D" />
+        <circle fill="#FFFFFF" cx="4" cy="9" r="1.75" />
+        <circle fill="#FFFFFF" cx="9" cy="9" r="1.75" />
+        <circle fill="#FFFFFF" cx="14" cy="9" r="1.75" />
+    </g>
+</svg>

resources/themes/cura-light/icons/tab_status_connected.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="35px" height="28px" viewBox="0 0 35 28" version="1.1" xmlns="http://www.w3.org/2000/svg">
+    <g transform="translate(15.5, 4)">
+        <circle fill="#10CB00" cx="9" cy="9" r="8.5" stroke="#18294D" />
+        <polyline fill="none" stroke="#FFFFFF" stroke-width="2" points="5.643,8.645 8.116,11.12 12.36,6.88" />
+    </g>
+</svg>

resources/themes/cura-light/icons/tab_status_paused.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="35px" height="28px" viewBox="0 0 35 28" version="1.1" xmlns="http://www.w3.org/2000/svg">
+    <g transform="translate(15.5, 4)">
+        <circle fill="#FF8C10" cx="9" cy="9" r="8.5" stroke="#18294D" />
+        <rect fill="#FFFFFF" x="6" y="6" width="2" height="6" />
+        <rect fill="#FFFFFF" x="10" y="6" width="2" height="6" />
+    </g>
+</svg>

resources/themes/cura-light/icons/tab_status_stopped.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="35px" height="28px" viewBox="0 0 35 28" version="1.1" xmlns="http://www.w3.org/2000/svg">
+    <g transform="translate(15.5, 4)">
+        <circle fill="#D0021B" cx="9" cy="9" r="8.5" stroke="#18294D" />
+        <line x1="6" y1="6" x2="12" y2="12" stroke-width="2" stroke="#FFFFFF" />
+        <line x1="6" y1="12" x2="12" y2="6" stroke-width="2" stroke="#FFFFFF" />
+    </g>
+</svg>

resources/themes/cura-light/icons/tab_status_unknown.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="35" height="28" viewBox="0 0 35 28" xmlns="http://www.w3.org/2000/svg">
+    <g transform="translate(15.5, 4)">
+        <circle cx="9" cy="9" r="8.5" fill="#8B9595" stroke="#18294D" />
+        <path fill="#FFFFFF" d="M9.013 3.5C7.29 3.5 6.533 4.515 6.236 5.12 5.989 5.623 5.997 6.057 6.001 6.138L7.59 6.058 7.591 6.082C7.591 6.081 7.594 5.964 7.664 5.821 7.905 5.33 8.347 5.091 9.013 5.091 9.47 5.091 9.817 5.217 10.075 5.475 10.477 5.878 10.556 6.485 10.555 6.626 10.554 6.812 10.49 7.77 9.306 8.386 8.318 8.899 7.752 9.906 7.752 11.147L7.752 11.621 9.343 11.618 9.342 11.147C9.342 10.697 9.463 10.097 10.039 9.798 12.035 8.76 12.144 6.98 12.146 6.633 12.148 6.141 11.952 5.106 11.202 4.353 10.647 3.795 9.89 3.5 9.013 3.5Z"/>
+        <rect fill="#FFFFFF" x="7.818" y="13.136" width="1.591" height="1.25" />
+    </g>
+</svg>