From 760993d5259b794c2b24756b910cae1ec0bab883 Mon Sep 17 00:00:00 2001
From: Satyajit Sahoo <satyajit.happy@gmail.com>
Date: Sat, 7 Sep 2013 15:38:49 +0530
Subject: [PATCH] Tweaked scrollbar to have better visibility in dark theme

---
 gtk-3.0/apps/gnome-applications.css |  8 ++++----
 gtk-3.0/gtk-widgets.css             | 16 ++++++++--------
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/gtk-3.0/apps/gnome-applications.css b/gtk-3.0/apps/gnome-applications.css
index 5b51d39..f30a817 100644
--- a/gtk-3.0/apps/gnome-applications.css
+++ b/gtk-3.0/apps/gnome-applications.css
@@ -191,14 +191,14 @@ TerminalWindow .scrollbar.button:active:hover {
 }
 
 TerminalWindow .scrollbar.slider {
-    border-color: shade(@osd_base, 0.8);
-    background-color: shade(@osd_base, 0.9);
+    border-color: mix(shade(@osd_base, 0.9), @osd_fg, 0.15);
+    background-color: mix(@osd_base, @osd_fg, 0.15);
 }
 
 TerminalWindow .scrollbar.slider:hover,
 TerminalWindow .scrollbar.slider.vertical:hover {
-    border-color: shade(@osd_base, 0.7);
-    background-color: shade(@osd_base, 0.8);
+    border-color: mix(shade(@osd_base, 0.9), @osd_fg, 0.21);
+    background-color: mix(@osd_base, @osd_fg, 0.21);
 }
 
 TerminalWindow .scrollbar.slider:active,
diff --git a/gtk-3.0/gtk-widgets.css b/gtk-3.0/gtk-widgets.css
index 6a373ab..1ce41d3 100644
--- a/gtk-3.0/gtk-widgets.css
+++ b/gtk-3.0/gtk-widgets.css
@@ -1269,15 +1269,15 @@ GtkLevelBar.vertical {
 
 .scrollbar.slider {
     border-width: 1px;
-    border-color: shade(@theme_bg_color, 0.8);
+    border-color: mix(shade(@theme_bg_color, 0.9), @theme_fg_color, 0.15);
     border-radius: 0;
-    background-color: shade(@theme_bg_color, 0.9);
+    background-color: mix(@theme_bg_color, @theme_fg_color, 0.15);
 }
 
 .scrollbar.slider:hover,
 .scrollbar.slider.vertical:hover {
-    border-color: shade(@theme_bg_color, 0.7);
-    background-color: shade(@theme_bg_color, 0.8);
+    border-color: mix(shade(@theme_bg_color, 0.9), @theme_fg_color, 0.21);
+    background-color: mix(@theme_bg_color, @theme_fg_color, 0.21);
 }
 
 .scrollbar.slider:active,
@@ -2735,14 +2735,14 @@ GtkProgressBar.osd.progressbar {
 
 .osd .scrollbar.slider {
     border-width: 1px;
-    border-color: shade(@osd_bg, 0.8);
+    border-color: mix(shade(@osd_base, 0.9), @osd_fg, 0.15);
     border-radius: 0;
-    background-color: shade(@osd_bg, 0.9);
+    background-color: mix(@osd_base, @osd_fg, 0.15);
 }
 
 .osd .scrollbar.slider:hover {
-    border-color: shade(@osd_bg, 0.7);
-    background-color: shade(@osd_bg, 0.8);
+    border-color: mix(shade(@osd_base, 0.9), @osd_fg, 0.21);
+    background-color: mix(@osd_base, @osd_fg, 0.21);
 }
 
 .osd .scrollbar.slider:active {