From 610d531594bda90459259821e476934f775422ed Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rodrigo=20Qui=C3=B1ones=20Pichioli?=
 <rodrigo.q.p@hotmail.com>
Date: Thu, 18 Oct 2018 12:20:56 -0300
Subject: [PATCH] Styled menu and editor scrollbars. Check base and color less
 file.

---
 stylesheets/base.less   | 48 +++++++++++++++++++++++++++++++++++++++++
 stylesheets/colors.less |  6 ++++++
 2 files changed, 54 insertions(+)

diff --git a/stylesheets/base.less b/stylesheets/base.less
index 4550e9e..6181c84 100644
--- a/stylesheets/base.less
+++ b/stylesheets/base.less
@@ -250,3 +250,51 @@ atom-text-editor {
 .syntax--property-name {
   color: @subtle-green;
 }
+
+// Scrollbars (editor and menu)
+.scrollbars-visible-always {
+
+    // general
+    /deep/::-webkit-scrollbar {
+        width:                    12px;
+        height:                   12px;
+    }
+    /deep/::-webkit-scrollbar-track {
+        background-color:         @scrollbar-background-color;
+    }
+    /deep/::-webkit-scrollbar-corner {
+        background:               @scrollbar-background-color;
+    }
+    /deep/::-webkit-scrollbar-thumb {
+        border-radius:            10px;
+        border:                   3px solid #000 !important;
+        background-color:         @scrollbar-color;
+        background-clip:          content-box;
+        &:hover {
+            background-color:     lighten(@scrollbar-color, 3%);
+            background-clip:      content-box;
+        }
+    }
+
+    // left & right panels
+    atom-panel-container.left,
+    atom-panel-container.right {
+        /deep/::-webkit-scrollbar {
+            width:                13px;
+            height:               13px;
+        }
+        /deep/::-webkit-scrollbar-track {
+            background-color:     @scrollbar-menu-background-color;
+        }
+        /deep/::-webkit-scrollbar-corner {
+            background:           @scrollbar-menu-background-color;
+        }
+        /deep/::-webkit-scrollbar-thumb {
+            background-color:     lighten(@scrollbar-menu-color, 2%);
+            border:               4px solid #000 !important;
+            &:hover {
+                background-color: lighten(@scrollbar-menu-color, 4%);
+            }
+        }
+    }
+}
diff --git a/stylesheets/colors.less b/stylesheets/colors.less
index 8e9cd8f..c85029b 100644
--- a/stylesheets/colors.less
+++ b/stylesheets/colors.less
@@ -23,3 +23,9 @@
 // others
 @dark-grey: #3d3d3d;
 @orangered: #ff4500;
+
+// New adaptations to the Scrollbar's style, sent in the #3 pull-request
+@scrollbar-menu-color: lighten(#8C9970, 10%) !important;
+@scrollbar-menu-background-color: RGBA(0,0,0,0.2) !important;
+@scrollbar-color: lighten(#8C9970, 10%) !important;
+@scrollbar-background-color: RGBA(0,0,0,0.2) !important;