Merge pull request #34 from atom/sm-custom-scrollbars

Custom scrollbars
atom · Sep 13, 2016 · 90aff0a · 90aff0a
2 parents 7f95b47 + e9fe99c
commit 90aff0a
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 0 deletions.
diff --git a/styles/atom.less b/styles/atom.less
@@ -3,3 +3,21 @@
 atom-workspace {
   background-color: @app-background-color;
 }
+
+.scrollbars-visible-always {
+  /deep/ ::-webkit-scrollbar {
+    width: 10px;
+    height: 10px;
+  }
+
+  /deep/ ::-webkit-scrollbar-track,
+  /deep/ ::-webkit-scrollbar-corner {
+    background: @scrollbar-background-color;
+  }
+
+  /deep/ ::-webkit-scrollbar-thumb {
+    background: @scrollbar-color;
+    border-radius: 5px;
+		box-shadow: 0 0 1px white inset;
+  }
+}
diff --git a/styles/ui-variables.less b/styles/ui-variables.less
@@ -60,6 +60,9 @@
 @tree-view-background-color: #eee;
 @tree-view-border-color: @base-border-color;
 
+@scrollbar-background-color: #F9F9F9; // Needs to be opaque -> atom/atom/issues/4578
+@scrollbar-color: #C1C1C1;
+
 @ui-site-color-1: @background-color-success; // green
 @ui-site-color-2: @background-color-info; // blue
 @ui-site-color-3: @background-color-warning; // orange