Skip to content

Commit

Permalink
Crossplatform scrollbars (#96)
Browse files Browse the repository at this point in the history
  • Loading branch information
Ike Ku authored Feb 3, 2017
1 parent d64470e commit 923f7bf
Show file tree
Hide file tree
Showing 14 changed files with 1,339 additions and 289 deletions.
1 change: 0 additions & 1 deletion README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,6 @@ Dark with `ui_separator` option on
"ui_big_tabs": true, // increased tab height
"ui_fix_tab_labels": true, // to fix tab labels if they look not right
"ui_font_source_code_pro": true, // use [Source Code Pro](https://fonts.google.com/specimen/Source+Code+Pro) for UI
"ui_wide_scrollbars": true // wider scrollbars
```

# Installation
Expand Down
Binary file added assets/scrollbar-horizontal-wide.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/[email protected]
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/scrollbar-horizontal.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/[email protected]
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/scrollbar-vertical-wide.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/[email protected]
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/scrollbar-vertical.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/[email protected]
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
133 changes: 61 additions & 72 deletions ayu-dark.sublime-theme
View file
Original file line number Diff line number Diff line change
Expand Up @@ -853,129 +853,118 @@
/* @ SCROLLBARS
* Scrollbars settings and behavioring
========================================================================= */

// Normal Vertical scrollbar track
// !!!
{
"class": "scroll_bar_control",
"layer0.tint" : [15, 20, 25],
"layer0.opacity": 1,
"layer0.inner_margin": [0, 0],
"layer0.tint": [15, 20, 25],
"layer0.opacity": 1.0,

"layer1.texture": "ayu/assets/scrollbar-vertical-wide.png",
"layer1.tint": [62, 75, 89],
"layer1.opacity": 0.1,
"layer1.inner_margin": [0, 10],
"blur": false
},

// Normal Vertical scrollbar track inside overlay panel

{
"class": "scroll_bar_control",
"parents": [{"class": "overlay_control"}],
"layer0.tint": [15, 20, 25, 0],
"layer0.opacity": 1.0,
"layer0.inner_margin": [0, 2],
"layer0.tint": [20, 25, 31],
"blur": false
},

// Normal horizontal scrollbar track

{
"class": "scroll_bar_control",
"attributes": ["horizontal"],
"layer0.texture": "",
"layer0.tint" : [15, 20, 25],
"layer0.inner_margin": [0, 0],
"layer1.texture": "ayu/assets/scrollbar-horizontal-wide.png",
"layer1.inner_margin": [10, 0],
"blur": false
},

// Normal horizontal scrollbar track inside overlay panel
// !!!
// {
// "class": "scroll_bar_control",
// "attributes": ["horizontal"],
// "parents": [{"class": "overlay_control"}],
// "layer0.tint": [15, 20, 25, 0],
// "layer0.opacity": 0.0,
// "layer0.inner_margin": [0, 2],
// "blur": false
// },

// Scrollbars corner

{
"class": "scroll_corner_control",
"layer0.texture": "",
"layer0.tint":[15, 20, 25],
"layer0.inner_margin": [0, 0],
"layer0.opacity": 1,
"blur": false
"layer0.tint": [15, 20, 25],
"layer0.opacity": 1.0
},

// Vertical puck controller

{
"class": "puck_control",
"layer0.texture": "",
"layer0.tint": [255, 255, 255, 50],
"layer0.opacity": 1,
"layer0.inner_margin": [0, 0],
"content_margin": [1, 12],
"layer0.texture": "ayu/assets/scrollbar-vertical-wide.png",
"layer0.tint": [62, 75, 89],
"layer0.opacity": 0.3,
"layer0.inner_margin": [0, 10],
"content_margin": [6, 12],
"blur": false
},

// Horizontal puck controller

{
"class": "puck_control",
"attributes": ["horizontal"],
"layer0.texture": "",
"layer0.tint": [255, 255, 255, 50],
"layer0.inner_margin": [0, 0],
"content_margin": [12, 1],
"layer0.texture": "ayu/assets/scrollbar-horizontal-wide.png",
"layer0.inner_margin": [10, 0],
"content_margin": [12, 6],
"blur": false
},

{
"class": "scroll_area_control",
"settings": ["overlay_scroll_bars"],
"overlay": true
},

{
"class": "scroll_area_control",
"settings": ["!overlay_scroll_bars"],
"overlay": false // set to false for the original behavior
"overlay": false
},


{
"class": "scroll_area_control",
"parents": [{"class": "overlay_control"}],
"class": "scroll_bar_control",
"settings": ["overlay_scroll_bars"],
"overlay": true // set to false for the original behavior
"layer0.opacity": 0,
"layer1.texture": "ayu/assets/scrollbar-vertical.png",
"layer1.inner_margin": [0, 5],
"blur": false
},

{
"class": "scroll_area_control",
"parents": [{"class": "sidebar_container"}],
"settings": ["!overlay_scroll_bars"],
"overlay": false // set to false for the original behavior
"class": "scroll_bar_control",
"settings": ["overlay_scroll_bars", "ui_wide_scrollbars"],
"layer0.texture": "ayu/assets/scrollbar-vertical-wide.png"
},

{
"class": "scroll_bar_control",
"settings": ["overlay_scroll_bars"],
"layer0.tint": [28, 31, 38],
"layer0.inner_margin": [0, 5],
"attributes": ["horizontal"],
"layer0.opacity": 0,
"layer1.texture": "ayu/assets/scrollbar-horizontal.png",
"layer1.inner_margin": [5, 0],
"blur": false
},

{
"class": "scroll_bar_control",
"attributes": ["horizontal"],
"settings": ["overlay_scroll_bars", "ui_wide_scrollbars"],
"layer0.texture": "ayu/assets/scrollbar-horizontal-wide.png"
},
{
"class": "puck_control",
"settings": ["overlay_scroll_bars"],
"layer0.texture": "ayu/assets/scrollbar-vertical.png",
"layer0.inner_margin": [0, 5],
"content_margin": [5, 20],
"blur": false
},
{
"class": "puck_control",
"settings": ["overlay_scroll_bars", "ui_wide_scrollbars"],
"layer0.texture": "ayu/assets/scrollbar-vertical-wide.png"
},
{
"class": "puck_control",
"settings": ["overlay_scroll_bars"],
"attributes": ["horizontal"],
"layer0.texture": "ayu/assets/scrollbar-horizontal.png",
"layer0.inner_margin": [5, 0],
"blur": true
"content_margin": [20, 5],
"blur": false
},
{
"class": "puck_control",
"attributes": ["horizontal"],
"settings": ["overlay_scroll_bars", "ui_wide_scrollbars"],
"layer0.texture": "ayu/assets/scrollbar-horizontal-wide.png"
},


/* @ MINIMAP
* Minimap settings and behavioring
Expand Down
133 changes: 61 additions & 72 deletions ayu-light.sublime-theme
View file
Original file line number Diff line number Diff line change
Expand Up @@ -853,129 +853,118 @@
/* @ SCROLLBARS
* Scrollbars settings and behavioring
========================================================================= */

// Normal Vertical scrollbar track
// !!!
{
"class": "scroll_bar_control",
"layer0.tint" : [250, 250, 250],
"layer0.opacity": 1,
"layer0.inner_margin": [0, 0],
"layer0.tint": [250, 250, 250],
"layer0.opacity": 1.0,

"layer1.texture": "ayu/assets/scrollbar-vertical-wide.png",
"layer1.tint": [130, 140, 153],
"layer1.opacity": 0.1,
"layer1.inner_margin": [0, 10],
"blur": false
},

// Normal Vertical scrollbar track inside overlay panel

{
"class": "scroll_bar_control",
"parents": [{"class": "overlay_control"}],
"layer0.tint": [250, 250, 250, 0],
"layer0.opacity": 1.0,
"layer0.inner_margin": [0, 2],
"layer0.tint": [255, 255, 255],
"blur": false
},

// Normal horizontal scrollbar track

{
"class": "scroll_bar_control",
"attributes": ["horizontal"],
"layer0.texture": "",
"layer0.tint" : [250, 250, 250],
"layer0.inner_margin": [0, 0],
"layer1.texture": "ayu/assets/scrollbar-horizontal-wide.png",
"layer1.inner_margin": [10, 0],
"blur": false
},

// Normal horizontal scrollbar track inside overlay panel
// !!!
// {
// "class": "scroll_bar_control",
// "attributes": ["horizontal"],
// "parents": [{"class": "overlay_control"}],
// "layer0.tint": [250, 250, 250, 0],
// "layer0.opacity": 0.0,
// "layer0.inner_margin": [0, 2],
// "blur": false
// },

// Scrollbars corner

{
"class": "scroll_corner_control",
"layer0.texture": "",
"layer0.tint":[250, 250, 250],
"layer0.inner_margin": [0, 0],
"layer0.opacity": 1,
"blur": false
"layer0.tint": [250, 250, 250],
"layer0.opacity": 1.0
},

// Vertical puck controller

{
"class": "puck_control",
"layer0.texture": "",
"layer0.tint": [0, 0, 0, 50],
"layer0.opacity": 1,
"layer0.inner_margin": [0, 0],
"content_margin": [1, 12],
"layer0.texture": "ayu/assets/scrollbar-vertical-wide.png",
"layer0.tint": [130, 140, 153],
"layer0.opacity": 0.3,
"layer0.inner_margin": [0, 10],
"content_margin": [6, 12],
"blur": false
},

// Horizontal puck controller

{
"class": "puck_control",
"attributes": ["horizontal"],
"layer0.texture": "",
"layer0.tint": [0, 0, 0, 50],
"layer0.inner_margin": [0, 0],
"content_margin": [12, 1],
"layer0.texture": "ayu/assets/scrollbar-horizontal-wide.png",
"layer0.inner_margin": [10, 0],
"content_margin": [12, 6],
"blur": false
},

{
"class": "scroll_area_control",
"settings": ["overlay_scroll_bars"],
"overlay": true
},

{
"class": "scroll_area_control",
"settings": ["!overlay_scroll_bars"],
"overlay": false // set to false for the original behavior
"overlay": false
},


{
"class": "scroll_area_control",
"parents": [{"class": "overlay_control"}],
"class": "scroll_bar_control",
"settings": ["overlay_scroll_bars"],
"overlay": true // set to false for the original behavior
"layer0.opacity": 0,
"layer1.texture": "ayu/assets/scrollbar-vertical.png",
"layer1.inner_margin": [0, 5],
"blur": false
},

{
"class": "scroll_area_control",
"parents": [{"class": "sidebar_container"}],
"settings": ["!overlay_scroll_bars"],
"overlay": false // set to false for the original behavior
"class": "scroll_bar_control",
"settings": ["overlay_scroll_bars", "ui_wide_scrollbars"],
"layer0.texture": "ayu/assets/scrollbar-vertical-wide.png"
},

{
"class": "scroll_bar_control",
"settings": ["overlay_scroll_bars"],
"layer0.tint": [28, 31, 38],
"layer0.inner_margin": [0, 5],
"attributes": ["horizontal"],
"layer0.opacity": 0,
"layer1.texture": "ayu/assets/scrollbar-horizontal.png",
"layer1.inner_margin": [5, 0],
"blur": false
},

{
"class": "scroll_bar_control",
"attributes": ["horizontal"],
"settings": ["overlay_scroll_bars", "ui_wide_scrollbars"],
"layer0.texture": "ayu/assets/scrollbar-horizontal-wide.png"
},
{
"class": "puck_control",
"settings": ["overlay_scroll_bars"],
"layer0.texture": "ayu/assets/scrollbar-vertical.png",
"layer0.inner_margin": [0, 5],
"content_margin": [5, 20],
"blur": false
},
{
"class": "puck_control",
"settings": ["overlay_scroll_bars", "ui_wide_scrollbars"],
"layer0.texture": "ayu/assets/scrollbar-vertical-wide.png"
},
{
"class": "puck_control",
"settings": ["overlay_scroll_bars"],
"attributes": ["horizontal"],
"layer0.texture": "ayu/assets/scrollbar-horizontal.png",
"layer0.inner_margin": [5, 0],
"blur": true
"content_margin": [20, 5],
"blur": false
},
{
"class": "puck_control",
"attributes": ["horizontal"],
"settings": ["overlay_scroll_bars", "ui_wide_scrollbars"],
"layer0.texture": "ayu/assets/scrollbar-horizontal-wide.png"
},


/* @ MINIMAP
* Minimap settings and behavioring
Expand Down
Loading

0 comments on commit 923f7bf

Please sign in to comment.