Bring back the highlight on buttons

3 files changed, 7 insertions, 0 deletions

diff --git a/framework/qml/AbstractButton.qml b/framework/qml/AbstractButton.qml
index c49a490b..d55176ea 100644
--- a/framework/qml/AbstractButton.qml
+++ b/framework/qml/AbstractButton.qml
@@ -26,6 +26,8 @@ T.Button {
 
     property color color: Colors.buttonColor
     property color textColor: Colors.textColor
+    property alias highlightColor: background.highlightColor
+    property alias highlightOpacity: background.highlightOpacity
     property alias horizontalAlignment: label.horizontalAlignment
     property alias verticalAlignment: label.verticalAlignment
 
@@ -41,6 +43,7 @@ T.Button {
     Keys.onReturnPressed: root.clicked()
 
     background: DelegateBackground {
+        id: background
         selected: root.checked
         focused: root.hovered || root.visualFocus
         color: root.color
diff --git a/framework/qml/DelegateBackground.qml b/framework/qml/DelegateBackground.qml
index 633a39ca..4059d69a 100644
--- a/framework/qml/DelegateBackground.qml
+++ b/framework/qml/DelegateBackground.qml
@@ -25,6 +25,7 @@ Rectangle {
     property bool focused: false
     property bool selected: false
     property color highlightColor: Kube.Colors.highlightColor
+    property alias highlightOpacity: highlight.opacity
     property color borderColor: Kube.Colors.focusedButtonColor
 
     Rectangle {
@@ -33,6 +34,7 @@ Rectangle {
         color: root.highlightColor
     }
     Rectangle {
+        id: highlight
         anchors.fill: parent
         visible: root.focused && !root.selected
         color: root.highlightColor
diff --git a/framework/qml/PositiveButton.qml b/framework/qml/PositiveButton.qml
index 32bd7508..f158ad10 100644
--- a/framework/qml/PositiveButton.qml
+++ b/framework/qml/PositiveButton.qml
@@ -21,4 +21,6 @@ import org.kube.framework 1.0
 AbstractButton {
     color: Colors.positiveColor
     textColor: Colors.highlightedTextColor
+    highlightColor: Colors.viewBackgroundColor
+    highlightOpacity: 0.2
 }