[libadwaita/wip/exalm/backdrop: 1/3] stylesheet: Transparentize header bar contents for backdrop

[Alexander Mikhaylenko <alexm src gnome org>]

commit d6b1007bfdc509bc9bd09b42322af07254ddeba6
Author: Alexander Mikhaylenko <alexm gnome org>
Date:   Fri Apr 30 01:29:45 2021 +0500

    stylesheet: Transparentize header bar contents for backdrop
    
    The goal with dropping backdrop styles for GTK4 was to restrict backdrop
    for header bars. However, it's quite complicated and also inconsistent, for
    example leaving window titles unchanged, or removing hover effect from
    regular buttons, but leaving on flat buttons.
    
    Instead, go with a simpler approach, making header bar contents 50%
    transparent. This produces a visually similar result to what it was before,
    but is much simpler.
    
    Unlike the previous method with separate styles, this leaves the hover
    styles unchanged, but still toned down with the rest of the header bar.
    
    Fixes https://gitlab.gnome.org/GNOME/libadwaita/-/issues/107

 src/stylesheet/widgets/_header-bar.scss | 6 ++++++
 1 file changed, 6 insertions(+)
---
diff --git a/src/stylesheet/widgets/_header-bar.scss b/src/stylesheet/widgets/_header-bar.scss
index 97c749e..517ce7b 100644
--- a/src/stylesheet/widgets/_header-bar.scss
+++ b/src/stylesheet/widgets/_header-bar.scss
@@ -22,6 +22,12 @@ headerbar {
     background-image: none;
 
     transition: $backdrop_transition;
+
+    windowhandle {
+      opacity: 0.5;
+
+      transition: $backdrop_transition;
+    }
   }
 
   /* Darken switchbuttons for headerbars. issue #1588 */