More modern design.

2018-09-27 07:37:09 +08:00
parent 7e2ad9194f
commit d7a2e07426
9 changed files with 434 additions and 230 deletions
--- a/qml/component/GenericBubble.qml
+++ b/qml/component/GenericBubble.qml
@@ -8,7 +8,6 @@ Control {
    property bool colored: false

    readonly property bool darkBackground: highlighted  ? true : MSettings.darkTheme
-    readonly property color backgroundColor: MSettings.darkTheme ? "#242424" : "lightgrey"

    padding: 12

@@ -22,5 +21,12 @@ Control {
        }
    }

-    background: Rectangle { color: colored ? Material.accent : highlighted ? Material.primary : backgroundColor }
+    background: Rectangle {
+        color: colored ? Material.accent : highlighted ? Material.primary : Material.background
+
+        layer.enabled: true
+        layer.effect: ElevationEffect {
+            elevation: 2
+        }
+    }
 }