From 14d516c9774275dcfaa1518d60cd5dc443899b18 Mon Sep 17 00:00:00 2001
From: Michael Zanetti <michael_zanetti@gmx.net>
Date: Fri, 19 Oct 2018 00:32:53 +0200
Subject: [PATCH] add a glow around lights icons for better visiblity

---
 .../devicelistpages/LightsDeviceListPage.qml  | 38 +++++++++++++++----
 1 file changed, 31 insertions(+), 7 deletions(-)

diff --git a/nymea-app/ui/devicelistpages/LightsDeviceListPage.qml b/nymea-app/ui/devicelistpages/LightsDeviceListPage.qml
index 9f505716..ea4b69a2 100644
--- a/nymea-app/ui/devicelistpages/LightsDeviceListPage.qml
+++ b/nymea-app/ui/devicelistpages/LightsDeviceListPage.qml
@@ -2,6 +2,7 @@ import QtQuick 2.5
 import QtQuick.Controls 2.1
 import QtQuick.Controls.Material 2.1
 import QtQuick.Layouts 1.1
+import QtGraphicalEffects 1.0
 import Nymea 1.0
 import "../components"
 
@@ -81,16 +82,39 @@ DeviceListPageBase {
                         id: nameRow
                         z: 2 // make sure the switch in here is on top of the slider, given we cheated a bit and made them overlap
                         spacing: app.margins
-                        ColorIcon {
+                        Item {
                             Layout.preferredHeight: app.iconSize
                             Layout.preferredWidth: height
                             Layout.alignment: Qt.AlignVCenter
-                            color: itemDelegate.connectedState !== null && itemDelegate.connectedState.value === false ?
-                                       "red"
-                                     : itemDelegate.colorStateType ? itemDelegate.colorState.value : "#00000000"
-                            name: itemDelegate.connectedState !== null && itemDelegate.connectedState.value === false ?
-                                      "../images/dialog-warning-symbolic.svg"
-                                    : itemDelegate.powerState.value === true ? "../images/light-on.svg" : "../images/light-off.svg"
+
+//                            DropShadow {
+//                                anchors.fill: icon
+//                                horizontalOffset: 0
+//                                verticalOffset: 0
+//                                radius: 2.0
+//                                samples: 17
+//                                color: app.foregroundColor
+//                                source: icon
+//                            }
+
+                            Glow {
+                                anchors.fill: icon
+                                radius: 1
+                                samples: 17
+                                color: app.foregroundColor
+                                source: icon
+                            }
+
+                            ColorIcon {
+                                id: icon
+                                anchors.fill: parent
+                                color: itemDelegate.connectedState !== null && itemDelegate.connectedState.value === false ?
+                                           "red"
+                                         : itemDelegate.colorStateType ? itemDelegate.colorState.value : "#00000000"
+                                name: itemDelegate.connectedState !== null && itemDelegate.connectedState.value === false ?
+                                          "../images/dialog-warning-symbolic.svg"
+                                        : itemDelegate.powerState.value === true ? "../images/light-on.svg" : "../images/light-off.svg"
+                            }
                         }
 
                         Label {