[libadwaita/wip/exalm/infobars: 5/5] stylesheet: Redo infobars

[Alexander Mikhaylenko <alexm src gnome org>]

commit 8fa8a53f876d1d731c20d6af77ea9533ad1221ff
Author: Alexander Mikhaylenko <alexm gnome org>
Date:   Fri Jun 11 19:31:31 2021 +0500

    stylesheet: Redo infobars
    
    Don't try to invert the selection color, it doesn't work well.
    
    Bring back multiple colors depending on the message type.
    
    Fixes https://gitlab.gnome.org/GNOME/libadwaita/-/issues/95
    Fixes https://gitlab.gnome.org/GNOME/libadwaita/-/issues/96

 src/stylesheet/widgets/_toolbars.scss | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)
---
diff --git a/src/stylesheet/widgets/_toolbars.scss b/src/stylesheet/widgets/_toolbars.scss
index 3f4d165e..b5a2c1cf 100644
--- a/src/stylesheet/widgets/_toolbars.scss
+++ b/src/stylesheet/widgets/_toolbars.scss
@@ -72,6 +72,7 @@ infobar {
   > revealer > box {
     padding: 8px;
     border-spacing: 12px;
+    box-shadow: inset 0 -1px #{"alpha(currentColor, .1)"};
   }
 
   &.action:hover > revealer > box {
@@ -82,14 +83,12 @@ infobar {
     background-image: image(#{"alpha(currentColor, .1)"});
   }
 
-  &.info,
-  &.question,
-  &.warning,
-  &.error {
-    > revealer > box {
-      border-bottom: 1px solid lighten($borders_color, 5%);
-      background-color: if($variant == 'light', desaturate(lighten(invert($selected_bg_color), 45%), 30%),
-                        desaturate(darken(invert($selected_bg_color), 40%), 70%));
+  @each $i_type, $i_color in (info, $selected_bg_color),
+                             (question, $selected_bg_color),
+                             (warning, $warning_color),
+                             (error, $error_color) {
+    &.#{$i_type} > revealer > box {
+      background-color: mix($i_color, $base_color, if($variant == 'dark', 30%, 15%));
     }
   }