Add DropShadow

qml/theme/CwtchDark.qml

@@ -30,4 +30,5 @@ ThemeType {
   portraitContactBadgeColor: hotPink
   portraitContactBadgeTextColor: whitePurple
   portraitProfileBadgeColor: mauvePurple
+  dropShadowColor: darkGrayPurple
 }

qml/theme/CwtchLight.qml

@@ -30,4 +30,5 @@ ThemeType {
   portraitContactBadgeColor: hotPink
   portraitContactBadgeTextColor: whitePurple
   portraitProfileBadgeColor: brightPurple
+  dropShadowColor: purple
 }

qml/theme/Theme.qml

@@ -11,6 +11,8 @@ Item {
     readonly property color defaultButtonActiveColor: theme.defaultButtonActiveColor
     readonly property color defaultButtonTextColor: theme.defaultButtonTextColor
 
+    readonly property color dropShadowColor: theme.dropShadowColor
+
     readonly property color portraitOnlineBorderColor: theme.portraitOnlineBorderColor
     readonly property color portraitOnlineBackgroundColor: theme.portraitOnlineBackgroundColor
     readonly property color portraitOnlineTextColor: theme.portraitOnlineTextColor
@@ -36,5 +38,5 @@ Item {
     readonly property int sidePaneMinSize: 700
     readonly property int doublePaneMinSize: 1000
 
-    property ThemeType theme: CwtchDark{ }
+    property ThemeType theme: CwtchLight { }
 }

qml/theme/ThemeType.qml

@@ -22,6 +22,8 @@ QtObject {
   property color portraitContactBadgeColor: "red"
   property color portraitContactBadgeTextColor: "red"
   property color portraitProfileBadgeColor: "red"
+  property color dropShadowColor: "black"
+
 
   // ... more to come
 

qml/widgets/ButtonTextField.qml

@@ -2,6 +2,7 @@ import QtQuick 2.7
 
 import QtQuick.Controls 2.13
 import QtQuick.Controls.Styles 1.4
+import QtGraphicalEffects 1.12
 import "." as Widgets
 import "../theme"
 
@@ -20,6 +21,14 @@ TextField {
         radius: 10
         color: Theme.backgroundMainColor
         border.color: Theme.backgroundMainColor
+        layer.enabled: true
+        layer.effect: DropShadow {
+            transparentBorder: true
+            horizontalOffset: 4
+            verticalOffset: 4
+            samples:10
+            color: Theme.dropShadowColor
+        }
     }
 
 	Widgets.Button {
@@ -34,4 +43,5 @@ TextField {
             parent.clicked();
 		}
 	}
+
 }