From a4e16ea0a9756be9b6ece32d434319709e21bb6e Mon Sep 17 00:00:00 2001 From: Sebastian Kellgren Date: Fri, 9 Jan 2015 13:30:05 +0100 Subject: [PATCH 1/2] Add /deep/ combinator To style scrollbars through shadow boundaries because there's bound to be components that don't bend over backwards to inherit this styling. --- stylesheets/atom.less | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/stylesheets/atom.less b/stylesheets/atom.less index d5f4c5b..5510af4 100644 --- a/stylesheets/atom.less +++ b/stylesheets/atom.less @@ -7,3 +7,20 @@ .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: @scroll-background; + } + + /deep/ ::-webkit-scrollbar-thumb { + background: @scroll-thumb; + box-shadow: 0 0 1px black inset; + } +} From 83cb16a9115ee5c8408577eaa1c3d27a60882244 Mon Sep 17 00:00:00 2001 From: Sebastian Kellgren Date: Fri, 9 Jan 2015 13:32:20 +0100 Subject: [PATCH 2/2] Added @scroll-background & @scroll-thumb --- stylesheets/ui-variables.less | 3 +++ 1 file changed, 3 insertions(+) diff --git a/stylesheets/ui-variables.less b/stylesheets/ui-variables.less index a5ecb7f..9db05c5 100644 --- a/stylesheets/ui-variables.less +++ b/stylesheets/ui-variables.less @@ -65,6 +65,9 @@ @tree-view-background-color: @tool-panel-background-color; @tree-view-border-color: @tool-panel-border-color; +@scroll-background: @background-color-highlight; +@scroll-thumb: @overlay-border-color; + @ui-site-color-1: @background-color-success; // green @ui-site-color-2: @background-color-info; // blue @ui-site-color-3: @background-color-warning; // orange