some cleanups

nymea-app/main.cpp

@@ -77,7 +77,7 @@ int main(int argc, char *argv[])
     }
 
     QFont applicationFont;
-    applicationFont.setFamily("Ubuntu");
+//    applicationFont.setFamily("Oswald");
     applicationFont.setCapitalization(QFont::MixedCase);
     applicationFont.setPixelSize(16);
     applicationFont.setWeight(QFont::Normal);

nymea-app/resources.qrc

@@ -166,5 +166,11 @@
         <file>ui/connection/CertificateDialog.qml</file>
         <file>ui/experiences/garagegates/Main.qml</file>
         <file>ui/experiences/heating/Main.qml</file>
+        <file>ui/fonts/Oswald-Bold.ttf</file>
+        <file>ui/fonts/Oswald-ExtraLight.ttf</file>
+        <file>ui/fonts/Oswald-Light.ttf</file>
+        <file>ui/fonts/Oswald-Medium.ttf</file>
+        <file>ui/fonts/Oswald-Regular.ttf</file>
+        <file>ui/fonts/Oswald-SemiBold.ttf</file>
     </qresource>
 </RCC>

nymea-app/styles.qrc

@@ -3,10 +3,14 @@
         <file>styles/light/ApplicationWindow.qml</file>
         <file>styles/light/Page.qml</file>
         <file>styles/light/logo.svg</file>
+        <file>styles/light/Button.qml</file>
         <file>styles/dark/ApplicationWindow.qml</file>
         <file>styles/dark/Page.qml</file>
         <file>styles/dark/logo.svg</file>
         <file>styles/dark/Button.qml</file>
-        <file>styles/light/Button.qml</file>
+        <file>styles/noir/ApplicationWindow.qml</file>
+        <file>styles/noir/Page.qml</file>
+        <file>styles/noir/logo.svg</file>
+        <file>styles/noir/Button.qml</file>
     </qresource>
 </RCC>

nymea-app/ui/Nymea.qml

@@ -14,7 +14,7 @@ ApplicationWindow {
     minimumWidth: 360
     minimumHeight: 480
     visibility: ApplicationWindow.AutomaticVisibility
-    font: Qt.application.font
+//    font: Qt.application.font
 
 
     // Those variables must be present in the Style

nymea-app/ui/components/Led.qml

@@ -16,6 +16,7 @@ Item {
         color: {
             switch (root.state) {
             case "on":
+                return app.accentColor
             case "green":
                 return "#73c0b3";
             case "off":

nymea-app/ui/experiences/heating/Main.qml

@@ -8,7 +8,7 @@ import QtGraphicalEffects 1.0
 
 Item {
     id: root
-    readonly property string title: qsTr("Heating")
+    readonly property string title: qsTr("Celsi°s")
     readonly property string icon: Qt.resolvedUrl("qrc:/ui/images/radiator.svg")
 
     readonly property Device duwWpDevice: duwWpFilterModel.count > 0 ? duwWpFilterModel.get(0) : null
@@ -158,10 +158,10 @@ Item {
                             if (!root.co2LevelState) {
                                 return "off"
                             }
-                            if (root.co2LevelState.value < 900) {
+                            if (root.co2LevelState.value < 600) {
                                 return "green"
                             }
-                            if (root.co2LevelState.value < 2000) {
+                            if (root.co2LevelState.value < 1200) {
                                 return "orange"
                             }
                             return "red"
@@ -184,7 +184,7 @@ Item {
                     Label {
                         text: root.temperatureState ? root.temperatureState.value.toFixed(1) + "°C" : "N/A"
                         Layout.fillWidth: true
-                        font.pixelSize: app.largeFont * 2
+                        font.pixelSize: app.largeFont * 1.5
                     }
                 }
             }
@@ -198,19 +198,20 @@ Item {
                 Label {
                     text: (d.pendingCallId !== -1 || d.setTempPending) ? d.queuedTargetTemp.toFixed(1) :
                         root.targetTemperatureState ? root.targetTemperatureState.value.toFixed(1) : "N/A"
-                    font.pixelSize: app.largeFont * 4
+                    font.pixelSize: app.largeFont * 3
                 }
             }
 
 
             ColumnLayout {
                 Layout.fillWidth: false
+                Layout.bottomMargin: app.margins
                 ColorIcon {
-                    Layout.preferredHeight: app.iconSize * 1.5
+                    Layout.preferredHeight: app.iconSize //* 1.5
                     Layout.preferredWidth: height
                     Layout.alignment: Qt.AlignHCenter
                     color: app.accentColor
-                    name: "qrc:/ui/images/share.svg"
+                    name: "qrc:/ui/images/magic.svg"
                     MouseArea {
                         anchors.fill: parent
                         onClicked: pageStack.push("qrc:/ui/magic/DeviceRulesPage.qml", {device: root.duwWpDevice})