squashed from larz/linux-scrollbar

Author: jasonsanjose

src/styles/brackets.less

@@ -65,8 +65,28 @@ html, body {
     backface-visibility: hidden;
 }
 
-body {
-    height: 100%;
+.platform-linux {
+    ::-webkit-scrollbar {
+        width: 8px;
+        height: 8px;
+    }
+
+    ::-webkit-scrollbar-track-piece {
+        background: none;
+    }
+
+    ::-webkit-scrollbar-thumb {
+        background: @custom-scrollbar-thumb;
+        border-radius: 4px;
+    }
+
+    ::-webkit-scrollbar-corner {
+        background: none;
+    }
+
+    ::-webkit-scrollbar-thumb:window-inactive {
+        background: @custom-scrollbar-thumb-inactive;
+    }
 }
 
 .resizing-container {

src/styles/brackets_theme_default.less

@@ -107,13 +107,17 @@
 @open-working-file-name-highlight: #8fddff;
 @open-working-file-ext-highlight: #8fddff;
 
-/* Selection colors */
+/* selection colors */
 @selection-color-focused: #D9EFF7;
 @selection-color-unfocused: #e9e9e9;
 
 /* background color of the line that has the cursor */
 @activeline-bgcolor: #e6e9e9;
 
+/* custom scrollbar colors */
+@custom-scrollbar-thumb: rgba(0, 0, 0, 0.24);
+@custom-scrollbar-thumb-inactive: rgba(0, 0, 0, 0.12);
+
 /* Code font formatting
  *
  * NOTE (JRB): In order to get the web font to load early enough, we have a div called "dummy-text" that