From b3ba2eeaa647fab9d67642eacddf9947166a3888 Mon Sep 17 00:00:00 2001
From: Megax <megax@yeahunter.hu>
Date: Tue, 1 Nov 2016 09:18:25 +0100
Subject: [PATCH 1/2] * Create global OSD file.

---
 src/gtk-3.20/scss/widgets/_choosers.scss |  2 -
 src/gtk-3.20/scss/widgets/_menu.scss     | 11 -----
 src/gtk-3.20/scss/widgets/_osd.scss      | 61 ++++++++++++++++++++++++
 src/gtk-3.20/scss/widgets/_progress.scss | 44 -----------------
 4 files changed, 61 insertions(+), 57 deletions(-)

diff --git a/src/gtk-3.20/scss/widgets/_choosers.scss b/src/gtk-3.20/scss/widgets/_choosers.scss
index 803329b..6741bd8 100644
--- a/src/gtk-3.20/scss/widgets/_choosers.scss
+++ b/src/gtk-3.20/scss/widgets/_choosers.scss
@@ -155,8 +155,6 @@
             &:checked { colorswatch:only-child { box-shadow: none; } }
         }
     }
-
-    colorchooser .popover.osd { border-radius: $roundness; }
 }
 
 
diff --git a/src/gtk-3.20/scss/widgets/_menu.scss b/src/gtk-3.20/scss/widgets/_menu.scss
index c0dd114..4f233f2 100644
--- a/src/gtk-3.20/scss/widgets/_menu.scss
+++ b/src/gtk-3.20/scss/widgets/_menu.scss
@@ -232,17 +232,6 @@
 
         &:backdrop { box-shadow: none; }
 
-        .osd & {
-            box-shadow: 0 2px 7px 3px alpha($black, .5);
-
-            > toolbar button {
-                border-radius: 0;
-                border-width: 0;
-                background-color: transparent;
-                background-image: none;
-            }
-        }
-
         treeview.view {
             &:hover, &:selected, &:selected:focus, &:backdrop:selected, &:backdrop:selected:focus { border-top-color: $selected_bg_color; }
 
diff --git a/src/gtk-3.20/scss/widgets/_osd.scss b/src/gtk-3.20/scss/widgets/_osd.scss
index 0d5e56f..155a6bd 100644
--- a/src/gtk-3.20/scss/widgets/_osd.scss
+++ b/src/gtk-3.20/scss/widgets/_osd.scss
@@ -8,6 +8,8 @@
 @include exports("osd") {
     overlay.osd { background-color: transparent; }
 
+    colorchooser .popover.osd { border-radius: $roundness; }
+
     button.osd,
     #XfceNotifyWindow button {
         @include button($osd_bg, $osd_fg);
@@ -38,6 +40,26 @@
         &.bottom { border-radius: 0; } // positional classes for `attached` osd toolbars
     }
 
+    progressbar.osd { // progressbar.osd used for epiphany page loading progress
+        margin: 2px;
+        min-height: 2px;
+        min-width: 2px;
+
+        trough {
+            border-style: none;
+            border-radius: 0;
+            background-image: none;
+            background-color: transparent;
+        }
+
+        progress {
+            border-style: none;
+            border-radius: 0;
+            background-color: $selected_bg_color;
+            background-image: none;
+        }
+    }
+
     .osd,
     #XfceNotifyWindow {
         background-color: $osd_bg;
@@ -62,6 +84,7 @@
 
         progressbar { background-color: $osd_fg; }
 
+        // Old GTK 3.0 code
         scale {
             slider {
                 @include linear-gradient(shade($osd_bg, 1.08));
@@ -89,6 +112,33 @@
             }
         }
 
+        // New GTK 3.20 code
+        scale {
+            //OSD troughs
+            trough {
+                background-color: lighten($osd_bg, 7%);
+
+                highlight { background-color: $selected_bg_color; }
+            }
+
+            // OSD sliders
+            slider {
+                background-clip: border-box;
+                background-color: $selected_bg_color;
+                border-color: $selected_bg_color;
+
+                &:hover {
+                    background-color: lighten($selected_bg_color, 10%);
+                    border-color: lighten($selected_bg_color, 10%)
+                }
+
+                &:active {
+                    background-color: darken($selected_bg_color, 10%);
+                    border-color: darken($selected_bg_color, 10%);
+                }
+            }
+        }
+
         &.view, .view, view { background-color: $osd_bg; }
 
         scrollbar {
@@ -127,6 +177,17 @@
             background-color: $osd_bg;
         }
 
+        popover.background {
+            box-shadow: 0 2px 7px 3px alpha($black, .5);
+
+            > toolbar button {
+                border-radius: 0;
+                border-width: 0;
+                background-color: transparent;
+                background-image: none;
+            }
+        }
+
         spinbutton {
             // OSD horizontal
             &:not(.vertical) {
diff --git a/src/gtk-3.20/scss/widgets/_progress.scss b/src/gtk-3.20/scss/widgets/_progress.scss
index b3c9f12..832692a 100644
--- a/src/gtk-3.20/scss/widgets/_progress.scss
+++ b/src/gtk-3.20/scss/widgets/_progress.scss
@@ -52,26 +52,6 @@
                 border-top-right-radius: $roundness;
             }
         }
-
-        &.osd { // progressbar.osd used for epiphany page loading progress
-            margin: 2px;
-            min-height: 2px;
-            min-width: 2px;
-
-            trough {
-                border-style: none;
-                border-radius: 0;
-                background-image: none;
-                background-color: transparent;
-            }
-
-            progress {
-                border-style: none;
-                border-radius: 0;
-                background-color: $selected_bg_color;
-                background-image: none;
-            }
-        }
     }
 
     levelbar {
@@ -194,13 +174,6 @@
 
             &:disabled { background-color: transparentize($_scale_trough_bg, .45); }
 
-            //OSD troughs
-            .osd & {
-                background-color: lighten($osd_bg, 7%);
-
-                highlight { background-color: $selected_bg_color; }
-            }
-
             // Troughs in selected list-rows and infobars
             menuitem:hover &,
             row:selected &,
@@ -280,23 +253,6 @@
                     border-color: mix($selected_fg_color, $selected_bg_color, .55);
                 }
             }
-
-            // OSD sliders
-            .osd & {
-                background-clip: border-box;
-                background-color: $selected_bg_color;
-                border-color: $selected_bg_color;
-
-                &:hover {
-                    background-color: lighten($selected_bg_color, 10%);
-                    border-color: lighten($selected_bg_color, 10%)
-                }
-
-                &:active {
-                    background-color: darken($selected_bg_color, 10%);
-                    border-color: darken($selected_bg_color, 10%);
-                }
-            }
         }
 
         value { color: alpha(currentColor, .4); }

From 4d332568bf1f2d5a61ff94d27fc831fdbffafdd8 Mon Sep 17 00:00:00 2001
From: Megax <megax@yeahunter.hu>
Date: Tue, 1 Nov 2016 09:21:28 +0100
Subject: [PATCH 2/2] * Fixed code.

---
 src/gtk-3.20/scss/widgets/_osd.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/gtk-3.20/scss/widgets/_osd.scss b/src/gtk-3.20/scss/widgets/_osd.scss
index 155a6bd..c79ecb1 100644
--- a/src/gtk-3.20/scss/widgets/_osd.scss
+++ b/src/gtk-3.20/scss/widgets/_osd.scss
@@ -129,7 +129,7 @@
 
                 &:hover {
                     background-color: lighten($selected_bg_color, 10%);
-                    border-color: lighten($selected_bg_color, 10%)
+                    border-color: lighten($selected_bg_color, 10%);
                 }
 
                 &:active {