From d3bca0c34e8b36928f33ed509e9a06d3ec30f738 Mon Sep 17 00:00:00 2001
From: Christian Medel <cmedelahumada@gmail.com>
Date: Sun, 31 Mar 2019 10:52:55 -0400
Subject: [PATCH] Bring scrollbar closer to source material

---
 gtk-3.20/assets/arrow-down-active.svg  | 81 ++++++++++++++++++++++++++
 gtk-3.20/assets/arrow-left-active.svg  | 81 ++++++++++++++++++++++++++
 gtk-3.20/assets/arrow-right-active.svg | 81 ++++++++++++++++++++++++++
 gtk-3.20/assets/arrow-up-active.svg    | 81 ++++++++++++++++++++++++++
 gtk-3.20/gtk-widgets.css               | 20 ++++++-
 5 files changed, 341 insertions(+), 3 deletions(-)
 create mode 100755 gtk-3.20/assets/arrow-down-active.svg
 create mode 100755 gtk-3.20/assets/arrow-left-active.svg
 create mode 100755 gtk-3.20/assets/arrow-right-active.svg
 create mode 100755 gtk-3.20/assets/arrow-up-active.svg

diff --git a/gtk-3.20/assets/arrow-down-active.svg b/gtk-3.20/assets/arrow-down-active.svg
new file mode 100755
index 0000000..c0fe4dc
--- /dev/null
+++ b/gtk-3.20/assets/arrow-down-active.svg
@@ -0,0 +1,81 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="7mm"
+   height="6mm"
+   viewBox="0 0 7 6"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="down.svg"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="11.2"
+     inkscape:cx="19.221578"
+     inkscape:cy="-0.44527318"
+     inkscape:document-units="mm"
+     inkscape:current-layer="g4537"
+     showgrid="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="1358"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Calque 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0.00468177,-0.01050555)">
+    <g
+       transform="translate(-0.00468177,0.01050555)"
+       id="g4537">
+      <path
+         style="fill:#000000;fill-opacity:0"
+         d="M 0,0.5 V 0 H 0.5 1 1.5 2 2.5 3 L 2.875,0.375 Q 2.75,0.75 2.5,1 2.25,1.25 2,1.5 1.75,1.75 1.5,2 1.25,2.25 1,2.5 0.75,2.75 0.375,2.875 L 0,3 V 2.5 2 1.5 1 0.5"
+         id="path4529"
+         inkscape:connector-curvature="0" />
+      <path
+         style="fill:#ffffff;fill-opacity:1"
+         d="M 4.125,5.6250003 4,6.0000003 H 3.5 l -0.5,0 -0.125,-0.375 q -0.125,-0.375 -0.375,-0.625 -0.25,-0.25 -0.5,-0.5 -0.25,-0.25 -0.5,-0.5 -0.25,-0.25 -0.5,-0.5 -0.25,-0.25 -0.625,-0.375 L 0,3.0000003 v -0.5 l 0,-0.5 v -0.5 -0.5 V 0.50000033 3.3378601e-7 H 0.5 1 L 1.125,0.37500033 q 0.125,0.375 0.375,0.62499997 0.25,0.25 0.5,0.5 0.25,0.25 0.5,0.5 0.25,0.25 0.5,0.5 0.25,0.25 0.5,0.25 0.25,0 0.5,-0.25 0.25,-0.25 0.5,-0.5 0.25,-0.25 0.5,-0.5 0.25,-0.25 0.5,-0.5 Q 5.75,0.75000033 5.875,0.37500033 L 6,3.3378601e-7 H 6.5 7 V 0.50000033 1.0000003 v 0.5 0.5 l 0,0.5 v 0.5 l -0.375,0.125 q -0.375,0.125 -0.625,0.375 -0.25,0.25 -0.5,0.5 -0.25,0.25 -0.5,0.5 -0.25,0.25 -0.5,0.5 -0.25,0.25 -0.375,0.625"
+         id="path4531"
+         inkscape:connector-curvature="0" />
+      <path
+         style="fill:#000000;fill-opacity:0"
+         d="M 4.125,0.375 4,0 H 4.5 5 5.5 6 6.5 7 V 0.5 1 1.5 2 2.5 3 L 6.625,2.875 Q 6.25,2.75 6,2.5 5.75,2.25 5.5,2 5.25,1.75 5,1.5 4.75,1.25 4.5,1 4.25,0.75 4.125,0.375"
+         id="path4533"
+         inkscape:connector-curvature="0" />
+      <path
+         style="fill:#000000;fill-opacity:0"
+         d="M 3,3.5 Q 3.25,3.25 3.5,3.25 3.75,3.25 4,3.5 4.25,3.75 4.5,4 4.75,4.25 5,4.5 5.25,4.75 5.5,5 5.75,5.25 5.875,5.625 L 6,6 H 5.5 5 4.5 4 3.5 3 2.5 2 1.5 1 L 1.125,5.625 Q 1.25,5.25 1.5,5 1.75,4.75 2,4.5 2.25,4.25 2.5,4 2.75,3.75 3,3.5"
+         id="path4535"
+         inkscape:connector-curvature="0" />
+    </g>
+  </g>
+</svg>
diff --git a/gtk-3.20/assets/arrow-left-active.svg b/gtk-3.20/assets/arrow-left-active.svg
new file mode 100755
index 0000000..956a60a
--- /dev/null
+++ b/gtk-3.20/assets/arrow-left-active.svg
@@ -0,0 +1,81 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="6mm"
+   height="7mm"
+   viewBox="0 0 6 7"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
+   sodipodi:docname="left.svg">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="11.2"
+     inkscape:cx="19.221578"
+     inkscape:cy="-0.44527318"
+     inkscape:document-units="mm"
+     inkscape:current-layer="g4537"
+     showgrid="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="1358"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Calque 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-0.49531806,0.48949428)">
+    <g
+       transform="translate(-0.00468177,0.01050555)"
+       id="g4537">
+      <path
+         style="fill:#000000;fill-opacity:0"
+         d="M 0,0.5 V 0 H 0.5 1 1.5 2 2.5 3 L 2.875,0.375 Q 2.75,0.75 2.5,1 2.25,1.25 2,1.5 1.75,1.75 1.5,2 1.25,2.25 1,2.5 0.75,2.75 0.375,2.875 L 0,3 V 2.5 2 1.5 1 0.5"
+         id="path4529"
+         inkscape:connector-curvature="0" />
+      <path
+         style="fill:#ffffff;fill-opacity:1"
+         d="m 0.87499983,3.6250002 -0.375,-0.125 v -0.5 -0.5 l 0.375,-0.125 q 0.37499997,-0.125 0.62499997,-0.375 0.25,-0.25 0.5,-0.5 0.25,-0.25 0.5,-0.5 0.25,-0.25000003 0.5,-0.50000003 0.25,-0.25 0.375,-0.625 l 0.125,-0.375 h 0.5 0.5 0.5 0.5 0.5 0.5 V 1.66893e-7 0.50000017 l -0.375,0.125 q -0.375,0.125 -0.625,0.37500003 -0.25,0.25 -0.5,0.5 -0.25,0.25 -0.5,0.5 -0.25,0.25 -0.5,0.5 -0.25,0.25 -0.25,0.5 0,0.25 0.25,0.5 0.25,0.25 0.5,0.5 0.25,0.25 0.5,0.5 0.25,0.25 0.5,0.5 0.25,0.25 0.625,0.375 l 0.375,0.125 v 0.5 0.5 h -0.5 -0.5 -0.5 -0.5 -0.5 -0.5 l -0.125,-0.375 q -0.125,-0.375 -0.375,-0.625 -0.25,-0.25 -0.5,-0.5 -0.25,-0.25 -0.5,-0.5 -0.25,-0.25 -0.5,-0.5 -0.25,-0.25 -0.62499997,-0.375"
+         id="path4531"
+         inkscape:connector-curvature="0" />
+      <path
+         style="fill:#000000;fill-opacity:0"
+         d="M 4.125,0.375 4,0 H 4.5 5 5.5 6 6.5 7 V 0.5 1 1.5 2 2.5 3 L 6.625,2.875 Q 6.25,2.75 6,2.5 5.75,2.25 5.5,2 5.25,1.75 5,1.5 4.75,1.25 4.5,1 4.25,0.75 4.125,0.375"
+         id="path4533"
+         inkscape:connector-curvature="0" />
+      <path
+         style="fill:#000000;fill-opacity:0"
+         d="M 3,3.5 Q 3.25,3.25 3.5,3.25 3.75,3.25 4,3.5 4.25,3.75 4.5,4 4.75,4.25 5,4.5 5.25,4.75 5.5,5 5.75,5.25 5.875,5.625 L 6,6 H 5.5 5 4.5 4 3.5 3 2.5 2 1.5 1 L 1.125,5.625 Q 1.25,5.25 1.5,5 1.75,4.75 2,4.5 2.25,4.25 2.5,4 2.75,3.75 3,3.5"
+         id="path4535"
+         inkscape:connector-curvature="0" />
+    </g>
+  </g>
+</svg>
diff --git a/gtk-3.20/assets/arrow-right-active.svg b/gtk-3.20/assets/arrow-right-active.svg
new file mode 100755
index 0000000..d17a11b
--- /dev/null
+++ b/gtk-3.20/assets/arrow-right-active.svg
@@ -0,0 +1,81 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="6mm"
+   height="7mm"
+   viewBox="0 0 6 7"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
+   sodipodi:docname="right.svg">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="11.2"
+     inkscape:cx="19.221578"
+     inkscape:cy="-0.44527318"
+     inkscape:document-units="mm"
+     inkscape:current-layer="g4537"
+     showgrid="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="1358"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Calque 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-0.49531806,0.48949428)">
+    <g
+       transform="translate(-0.00468177,0.01050555)"
+       id="g4537">
+      <path
+         style="fill:#000000;fill-opacity:0"
+         d="M 0,0.5 V 0 H 0.5 1 1.5 2 2.5 3 L 2.875,0.375 Q 2.75,0.75 2.5,1 2.25,1.25 2,1.5 1.75,1.75 1.5,2 1.25,2.25 1,2.5 0.75,2.75 0.375,2.875 L 0,3 V 2.5 2 1.5 1 0.5"
+         id="path4529"
+         inkscape:connector-curvature="0" />
+      <path
+         style="fill:#ffffff;fill-opacity:1"
+         d="m 6.1249998,2.3750006 0.375,0.125 v 0.5 l 0,0.5 -0.375,0.125 q -0.375,0.125 -0.625,0.375 -0.25,0.25 -0.5,0.5 -0.25,0.25 -0.5,0.5 -0.25,0.25 -0.5,0.5 -0.25,0.25 -0.375,0.625 l -0.125,0.375 h -0.5 -0.5 -0.5 -0.5 -0.49999997 -0.5 v -0.5 -0.5 l 0.375,-0.125 q 0.37499997,-0.125 0.62499997,-0.375 0.25,-0.25 0.5,-0.5 0.25,-0.25 0.5,-0.5 0.25,-0.25 0.5,-0.5 0.25,-0.25 0.25,-0.5 0,-0.25 -0.25,-0.5 -0.25,-0.25 -0.5,-0.5 -0.25,-0.25 -0.5,-0.5 -0.25,-0.25 -0.5,-0.5 -0.25,-0.25000004 -0.62499997,-0.37500004 l -0.375,-0.125 V 5.5941701e-7 -0.49999944 h 0.5 0.49999997 0.5 0.5 0.5 l 0.5,0 0.125,0.375 q 0.125,0.375 0.375,0.625 0.25,0.25 0.5,0.50000004 0.25,0.25 0.5,0.5 0.25,0.25 0.5,0.5 0.25,0.25 0.625,0.375"
+         id="path4531"
+         inkscape:connector-curvature="0" />
+      <path
+         style="fill:#000000;fill-opacity:0"
+         d="M 4.125,0.375 4,0 H 4.5 5 5.5 6 6.5 7 V 0.5 1 1.5 2 2.5 3 L 6.625,2.875 Q 6.25,2.75 6,2.5 5.75,2.25 5.5,2 5.25,1.75 5,1.5 4.75,1.25 4.5,1 4.25,0.75 4.125,0.375"
+         id="path4533"
+         inkscape:connector-curvature="0" />
+      <path
+         style="fill:#000000;fill-opacity:0"
+         d="M 3,3.5 Q 3.25,3.25 3.5,3.25 3.75,3.25 4,3.5 4.25,3.75 4.5,4 4.75,4.25 5,4.5 5.25,4.75 5.5,5 5.75,5.25 5.875,5.625 L 6,6 H 5.5 5 4.5 4 3.5 3 2.5 2 1.5 1 L 1.125,5.625 Q 1.25,5.25 1.5,5 1.75,4.75 2,4.5 2.25,4.25 2.5,4 2.75,3.75 3,3.5"
+         id="path4535"
+         inkscape:connector-curvature="0" />
+    </g>
+  </g>
+</svg>
diff --git a/gtk-3.20/assets/arrow-up-active.svg b/gtk-3.20/assets/arrow-up-active.svg
new file mode 100755
index 0000000..73578b2
--- /dev/null
+++ b/gtk-3.20/assets/arrow-up-active.svg
@@ -0,0 +1,81 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="7mm"
+   height="6mm"
+   viewBox="0 0 7 6"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
+   sodipodi:docname="up.svg">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="11.2"
+     inkscape:cx="21.111342"
+     inkscape:cy="-2.3350377"
+     inkscape:document-units="mm"
+     inkscape:current-layer="g4537"
+     showgrid="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="1358"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Calque 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0.00468177,-0.01050555)">
+    <g
+       transform="translate(-0.00468177,0.01050555)"
+       id="g4537">
+      <path
+         style="fill:#000000;fill-opacity:0"
+         d="M 0,0.5 V 0 H 0.5 1 1.5 2 2.5 3 L 2.875,0.375 Q 2.75,0.75 2.5,1 2.25,1.25 2,1.5 1.75,1.75 1.5,2 1.25,2.25 1,2.5 0.75,2.75 0.375,2.875 L 0,3 V 2.5 2 1.5 1 0.5"
+         id="path4529"
+         inkscape:connector-curvature="0" />
+      <path
+         style="fill:#ffffff;fill-opacity:1"
+         d="M 2.875,0.375 3,0 H 3.5 4 L 4.125,0.375 Q 4.25,0.75 4.5,1 4.75,1.25 5,1.5 5.25,1.75 5.5,2 5.75,2.25 6,2.5 6.25,2.75 6.625,2.875 L 7,3 V 3.5 4 4.5 5 5.5 6 H 6.5 6 L 5.875,5.625 Q 5.75,5.25 5.5,5 5.25,4.75 5,4.5 4.75,4.25 4.5,4 4.25,3.75 4,3.5 3.75,3.25 3.5,3.25 3.25,3.25 3,3.5 2.75,3.75 2.5,4 2.25,4.25 2,4.5 1.75,4.75 1.5,5 1.25,5.25 1.125,5.625 L 1,6 H 0.5 0 V 5.5 5 4.5 4 3.5 3 L 0.375,2.875 Q 0.75,2.75 1,2.5 1.25,2.25 1.5,2 1.75,1.75 2,1.5 2.25,1.25 2.5,1 2.75,0.75 2.875,0.375"
+         id="path4531"
+         inkscape:connector-curvature="0" />
+      <path
+         style="fill:#000000;fill-opacity:0"
+         d="M 4.125,0.375 4,0 H 4.5 5 5.5 6 6.5 7 V 0.5 1 1.5 2 2.5 3 L 6.625,2.875 Q 6.25,2.75 6,2.5 5.75,2.25 5.5,2 5.25,1.75 5,1.5 4.75,1.25 4.5,1 4.25,0.75 4.125,0.375"
+         id="path4533"
+         inkscape:connector-curvature="0" />
+      <path
+         style="fill:#000000;fill-opacity:0"
+         d="M 3,3.5 Q 3.25,3.25 3.5,3.25 3.75,3.25 4,3.5 4.25,3.75 4.5,4 4.75,4.25 5,4.5 5.25,4.75 5.5,5 5.75,5.25 5.875,5.625 L 6,6 H 5.5 5 4.5 4 3.5 3 2.5 2 1.5 1 L 1.125,5.625 Q 1.25,5.25 1.5,5 1.75,4.75 2,4.5 2.25,4.25 2.5,4 2.75,3.75 3,3.5"
+         id="path4535"
+         inkscape:connector-curvature="0" />
+    </g>
+  </g>
+</svg>
diff --git a/gtk-3.20/gtk-widgets.css b/gtk-3.20/gtk-widgets.css
index 82f7a7c..af3ebcf 100644
--- a/gtk-3.20/gtk-widgets.css
+++ b/gtk-3.20/gtk-widgets.css
@@ -1434,7 +1434,13 @@ scrollbar {
     border-radius: 0; }
   scrollbar:backdrop {
     background-color: mix(@theme_bg_color, @theme_fg_color, 0.1); }
-  scrollbar button, scrollbar button:backdrop, scrollbar button:hover, scrollbar button:hover:backdrop, scrollbar button:active, scrollbar button:active:backdrop, scrollbar button:disabled, scrollbar button:disabled:backdrop {
+  scrollbar button:hover {
+    border-color: mix(@theme_bg_color, @theme_fg_color, 0.1);
+    background-color: mix(@theme_bg_color, @theme_fg_color, 0.2); }
+  scrollbar button:active {
+    border-color: mix(@theme_bg_color, @theme_fg_color, 0.1);
+    background-color: mix(@theme_bg_color, @theme_fg_color, 0.6); }
+  scrollbar button, scrollbar button:backdrop, scrollbar button:disabled, scrollbar button:disabled:backdrop {
     padding: 3px;
     border-color: mix(@theme_bg_color, @theme_fg_color, 0.1);
     background-color: mix(@theme_bg_color, @theme_fg_color, 0.1); }
@@ -1447,9 +1453,9 @@ scrollbar {
     background-clip: padding-box;
     background-color: mix(@theme_bg_color, @theme_fg_color, 0.4); }
     scrollbar slider:hover {
-      background-color: mix(@theme_bg_color, @theme_fg_color, 0.4); }
+      background-color: mix(@theme_bg_color, @theme_fg_color, 0.35); }
       scrollbar slider:hover:active {
-        background-color: mix(@theme_bg_color, @theme_fg_color, 0.45); }
+        background-color: mix(@theme_bg_color, @theme_fg_color, 0.6); }
     scrollbar slider:backdrop {
       background-color: mix(@theme_bg_color, @theme_fg_color, 0.45); }
     scrollbar slider:disabled {
@@ -1492,8 +1498,12 @@ scrollbar {
     min-width: 6px; }
     scrollbar.horizontal button.down {
       -gtk-icon-source: url("assets/arrow-right.svg"); }
+      scrollbar.horizontal button.down:active {
+        -gtk-icon-source: url("assets/arrow-right-active.svg"); }
     scrollbar.horizontal button.up {
       -gtk-icon-source: url("assets/arrow-left.svg"); }
+      scrollbar.horizontal button.up:active {
+        -gtk-icon-source: url("assets/arrow-left-active.svg"); }
   scrollbar.vertical slider {
     min-height: 40px; }
   scrollbar.vertical button {
@@ -1501,8 +1511,12 @@ scrollbar {
     min-width: 6px; }
     scrollbar.vertical button.down {
       -gtk-icon-source: url("assets/arrow-down.svg"); }
+      scrollbar.vertical button.down:active {
+        -gtk-icon-source: url("assets/arrow-down-active.svg"); }
     scrollbar.vertical button.up {
       -gtk-icon-source: url("assets/arrow-up.svg"); }
+      scrollbar.vertical button.up:active {
+        -gtk-icon-source: url("assets/arrow-up-active.svg"); }
   treeview ~ scrollbar.vertical {
     border-top: 1px solid @borders;
     margin-top: -1px; }