From 5452f1660108859342d318ac9d910c48b9781b67 Mon Sep 17 00:00:00 2001
From: MoonlightWave-12
 <135532-MoonlightWave-12@users.noreply.gitlab.gnome.org>
Date: Tue, 2 Apr 2024 13:20:28 +0200
Subject: [PATCH 1/2] Adwaita:dark: Add visual feedback when pressing
 highlighted buttons

Before this change, buttons with the outlines "altline",
"wide" and "special" were not showing visual feedback when those
were pressed.

After this change, the visual feedback is similar to the default style.

Part-of: <https://gitlab.gnome.org/World/Phosh/squeekboard/-/merge_requests/634>
---
 data/style-Adwaita:dark.css | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/data/style-Adwaita:dark.css b/data/style-Adwaita:dark.css
index f5ef3f88..7097b0ae 100644
--- a/data/style-Adwaita:dark.css
+++ b/data/style-Adwaita:dark.css
@@ -19,6 +19,12 @@ sq_button.wide {
     background: #2b292f;
 }
 
+sq_button.altline:active,
+sq_button.special:active,
+sq_button.wide:active {
+    background: #37353c;
+}
+
 sq_button.latched {
     background: #ffffff;
     color: #2b292f;
@@ -34,7 +40,8 @@ sq_button.locked {
 }
 
 #Return:active {
-    background: #1c71d8;
+    background: mix(#1c71d8, black, 0.2);
+    color: mix(#1c71d8, black, 0.2);
 }
 
 @import url("resource:///sm/puri/squeekboard/common.css");

From ffcb897003996b7498ec285b9c594421e93a06c6 Mon Sep 17 00:00:00 2001
From: MoonlightWave-12
 <135532-MoonlightWave-12@users.noreply.gitlab.gnome.org>
Date: Tue, 26 Mar 2024 21:19:58 +0100
Subject: [PATCH 2/2] data/style.css: Highlight "wide"-outline

The "wide"-outline was not highlighted on the default and high
contrast styles, while it was highlighted on the "Adwaita:dark"-style.
"Adwaita:dark" is the default on Phosh, so adjust to that, for
consistent button-highlighting.

Part-of: <https://gitlab.gnome.org/World/Phosh/squeekboard/-/merge_requests/634>
---
 data/style.css | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/data/style.css b/data/style.css
index cd685f14..a67184ce 100644
--- a/data/style.css
+++ b/data/style.css
@@ -15,12 +15,14 @@ sq_button:active {
 }
 
 sq_button.altline,
-sq_button.special {
+sq_button.special,
+sq_button.wide {
     background: alpha(@theme_fg_color, 0.15); 
 }
 
 sq_button.altline:active,
-sq_button.special:active {
+sq_button.special:active,
+sq_button.wide:active {
     background: alpha(@theme_fg_color, 0.2);
 }