[libadwaita/wip/exalm/osd: 5/5] stylesheet: Fix scrollbars inside .osd

[Alexander Mikhaylenko <alexm src gnome org>]

commit e70ae74dfad527dac7fbd7b283a3adc2ba699bd7
Author: Alexander Mikhaylenko <alexm gnome org>
Date:   Sun Feb 13 03:18:26 2022 +0500

    stylesheet: Fix scrollbars inside .osd
    
    They should hardcode the outline color isntead of using the main one.

 src/stylesheet/widgets/_scrolling.scss | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)
---
diff --git a/src/stylesheet/widgets/_scrolling.scss b/src/stylesheet/widgets/_scrolling.scss
index a37cd52a..6f04ebe2 100644
--- a/src/stylesheet/widgets/_scrolling.scss
+++ b/src/stylesheet/widgets/_scrolling.scss
@@ -1,3 +1,5 @@
+$osd_scrollbar_outline_color: transparentize(black, .5);
+
 scrollbar {
   $_slider_min_length: 40px;
   $_slider_width: 8px;
@@ -70,6 +72,14 @@ scrollbar {
           outline: 1px solid gtkalpha($scrollbar_outline_color, .4);
         }
 
+        .osd & {
+          @if $contrast == 'high' {
+            outline: 1px solid $osd_scrollbar_outline_color;
+          } @else {
+            outline: 1px solid gtkalpha($osd_scrollbar_outline_color, .4);
+          }
+        }
+
         outline-offset: -6px;
       }
     }
@@ -83,6 +93,14 @@ scrollbar {
       } @else {
         outline-color: gtkalpha($scrollbar_outline_color, .35);
       }
+
+      .osd & {
+        @if $contrast == 'high' {
+          outline-color: gtkalpha($osd_scrollbar_outline_color, .6);
+        } @else {
+          outline-color: gtkalpha($osd_scrollbar_outline_color, .35);
+        }
+      }
     }
 
     &.hovering > range > trough {
@@ -93,6 +111,14 @@ scrollbar {
         outline-color: gtkalpha($scrollbar_outline_color, .35);
         background-color: gtkalpha(currentColor, .1);
       }
+
+      .osd & {
+        @if $contrast == 'high' {
+          outline-color: gtkalpha($osd_scrollbar_outline_color, .6);
+        } @else {
+          outline-color: gtkalpha($osd_scrollbar_outline_color, .35);
+        }
+      }
     }
 
     &.horizontal {