[gnome-shell] theme: Add light styling to message buttons

[Florian Müllner <fmuellner src gnome org>]

commit 5b957f69d8096650a7ea17f6a61ea56ddea86669
Author: Joonas Henriksson <joonas henriksson gmail com>
Date:   Wed Nov 27 01:20:31 2019 +0200

    theme: Add light styling to message buttons
    
    https://gitlab.gnome.org/GNOME/gnome-shell/merge_requests/865

 data/theme/gnome-shell-sass/_common.scss | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)
---
diff --git a/data/theme/gnome-shell-sass/_common.scss b/data/theme/gnome-shell-sass/_common.scss
index 6a82a18a67..3f63fcb909 100644
--- a/data/theme/gnome-shell-sass/_common.scss
+++ b/data/theme/gnome-shell-sass/_common.scss
@@ -1154,8 +1154,8 @@ StScrollBar {
 
           .message-close-button {
             color: lighten($fg_color, 15%);
-            &:hover { color: darken($fg_color, 10%); }
-            &:active { color: darken($fg_color, 20%); }
+            &:hover { color: if($variant=='light', lighten($fg_color, 30%), darken($fg_color, 10%)); }
+            &:active { color: if($variant=='light', lighten($fg_color, 40%), darken($fg_color, 20%)); }
           }
 
           .message-media-control {
@@ -1164,9 +1164,9 @@ StScrollBar {
 
             &:last-child:ltr { padding-right: 18px; }
             &:last-child:rtl { padding-left: 18px; }
-            &:hover { color: darken($fg_color, 10%) }
-            &:active { color: darken($fg_color, 20%); }
-            &:insensitive { color: darken($fg_color,40%); }
+            &:hover { color: if($variant=='light', lighten($fg_color, 30%), darken($fg_color, 10%)); }
+            &:active { color: if($variant=='light', lighten($fg_color, 40%), darken($fg_color, 20%)); }
+            &:insensitive { color: if($variant=='light', lighten($fg_color, 50%), darken($fg_color, 40%)); }
           }
 
           .media-message-cover-icon {