From bda1f0b6e1c8c91fb5a486374759e783b5e5f03b Mon Sep 17 00:00:00 2001
From: Dirk Hohndel <dirk@hohndel.org>
Date: Tue, 22 Dec 2020 16:17:57 -0800
Subject: [PATCH] mobile/UI: slight visual change to combo boxes

They always have a 10% darker background, and show a border if the combo
box has focus. This seems to look reasonably well in all situation we
use them.

Signed-off-by: Dirk Hohndel <dirk@hohndel.org>
---
 mobile-widgets/qml/TemplateComboBox.qml | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/mobile-widgets/qml/TemplateComboBox.qml b/mobile-widgets/qml/TemplateComboBox.qml
index 1546f7a3e..bd2a81d63 100644
--- a/mobile-widgets/qml/TemplateComboBox.qml
+++ b/mobile-widgets/qml/TemplateComboBox.qml
@@ -60,11 +60,10 @@ ComboBox {
 	}
 
 	background: Rectangle {
-		border.color: subsurfaceTheme.darkerPrimaryColor
+		border.color: cb.focus ? subsurfaceTheme.darkerPrimaryColor : subsurfaceTheme.backgroundColor
 		border.width: cb.visualFocus ? 2 : 1
-		color: subsurfaceTheme.backgroundColor
+		color: Qt.darker(subsurfaceTheme.backgroundColor, 1.1)
 		radius: 2
-		visible: cb.focus
 	}
 
 	popup: Popup {