Skip to content

Commit

Permalink
Titlebar separator
Browse files Browse the repository at this point in the history
  • Loading branch information
Ike Ku committed Sep 19, 2017
1 parent dc028da commit 0268904
Show file tree
Hide file tree
Showing 4 changed files with 152 additions and 28 deletions.
45 changes: 38 additions & 7 deletions ayu-dark.sublime-theme
Original file line number Diff line number Diff line change
Expand Up @@ -99,7 +99,8 @@
"fg": [81, 92, 102],
"match_fg": [242, 151, 24],
"selected_fg": [230, 225, 207],
"selected_match_fg": [242, 151, 24]
"selected_match_fg": [242, 151, 24],
"fg_blend": true
},

{
Expand Down Expand Up @@ -302,6 +303,16 @@
"layer1.tint": [81, 92, 102],
"layer1.inner_margin": [1, 0, 1, 2]
},
{
"class": "tabset_control",
"platforms": ["osx"],
"settings": ["ui_separator", "!ui_native_titlebar"],
"layer2.opacity": 0.3,
"layer2.texture": "ayu/assets/separator-top.png",
"layer2.tint": [81, 92, 102],
"layer2.inner_margin": [1, 2, 1, 0]
},

{
"class": "tabset_control",
"settings": ["ui_big_tabs"],
Expand All @@ -312,7 +323,7 @@
{
"class": "tab_control",

"layer0.tint": [15, 20, 25],
"layer0.tint": [15, 20, 25, 0],
"layer0.opacity": 1.0,

"layer1.texture": "",
Expand Down Expand Up @@ -351,26 +362,38 @@

{
"class": "tab_control", "attributes": ["selected"],
"layer0.tint": [81, 92, 102, 15],
"layer2.opacity": 1.0,
"layer3.opacity": 0.0
},
{
"class": "tab_control", "attributes": ["selected"],
"settings": ["ui_separator"],
"layer0.tint": [81, 92, 102, 15]
},

// Hovered current tab

{
"class": "tab_control", "attributes": ["hover"],
"layer0.tint": [81, 92, 102, 6],
"layer2.opacity": 0.3
},
{
"class": "tab_control", "attributes": ["hover"],
"settings": ["ui_separator"],
"layer0.tint": [81, 92, 102, 6],
},

// Selected current tab

{
"class": "tab_control", "attributes": ["selected","hover"],
"layer0.tint": [81, 92, 102, 15],
"class": "tab_control", "attributes": ["selected", "hover"],
"layer2.opacity": 1.0
},
{
"class": "tab_control", "attributes": ["selected", "hover"],
"settings": ["ui_separator"],
"layer0.tint": [81, 92, 102, 15]
},

// Tab Labels

Expand Down Expand Up @@ -577,7 +600,15 @@
"layer1.opacity": 0.3,
"layer1.tint": [81, 92, 102]
},

{
"class": "sidebar_container",
"platforms": ["osx"],
"settings": ["ui_separator", "!ui_native_titlebar"],
"layer2.opacity": 0.3,
"layer2.texture": "ayu/assets/separator-top.png",
"layer2.tint": [81, 92, 102],
"layer2.inner_margin": [1, 2, 1, 0]
},
{
"class": "sidebar_tree",
"indent_top_level": false,
Expand Down
45 changes: 38 additions & 7 deletions ayu-light.sublime-theme
Original file line number Diff line number Diff line change
Expand Up @@ -99,7 +99,8 @@
"fg": [133, 136, 140],
"match_fg": [255, 106, 0],
"selected_fg": [110, 117, 128],
"selected_match_fg": [255, 106, 0]
"selected_match_fg": [255, 106, 0],
"fg_blend": true
},

{
Expand Down Expand Up @@ -302,6 +303,16 @@
"layer1.tint": [133, 136, 140],
"layer1.inner_margin": [1, 0, 1, 2]
},
{
"class": "tabset_control",
"platforms": ["osx"],
"settings": ["ui_separator", "!ui_native_titlebar"],
"layer2.opacity": 0.2,
"layer2.texture": "ayu/assets/separator-top.png",
"layer2.tint": [133, 136, 140],
"layer2.inner_margin": [1, 2, 1, 0]
},

{
"class": "tabset_control",
"settings": ["ui_big_tabs"],
Expand All @@ -312,7 +323,7 @@
{
"class": "tab_control",

"layer0.tint": [250, 250, 250],
"layer0.tint": [250, 250, 250, 0],
"layer0.opacity": 1.0,

"layer1.texture": "",
Expand Down Expand Up @@ -351,26 +362,38 @@

{
"class": "tab_control", "attributes": ["selected"],
"layer0.tint": [133, 136, 140, 15],
"layer2.opacity": 1.0,
"layer3.opacity": 0.0
},
{
"class": "tab_control", "attributes": ["selected"],
"settings": ["ui_separator"],
"layer0.tint": [133, 136, 140, 15]
},

// Hovered current tab

{
"class": "tab_control", "attributes": ["hover"],
"layer0.tint": [133, 136, 140, 6],
"layer2.opacity": 0.3
},
{
"class": "tab_control", "attributes": ["hover"],
"settings": ["ui_separator"],
"layer0.tint": [133, 136, 140, 6],
},

// Selected current tab

{
"class": "tab_control", "attributes": ["selected","hover"],
"layer0.tint": [133, 136, 140, 15],
"class": "tab_control", "attributes": ["selected", "hover"],
"layer2.opacity": 1.0
},
{
"class": "tab_control", "attributes": ["selected", "hover"],
"settings": ["ui_separator"],
"layer0.tint": [133, 136, 140, 15]
},

// Tab Labels

Expand Down Expand Up @@ -577,7 +600,15 @@
"layer1.opacity": 0.2,
"layer1.tint": [133, 136, 140]
},

{
"class": "sidebar_container",
"platforms": ["osx"],
"settings": ["ui_separator", "!ui_native_titlebar"],
"layer2.opacity": 0.2,
"layer2.texture": "ayu/assets/separator-top.png",
"layer2.tint": [133, 136, 140],
"layer2.inner_margin": [1, 2, 1, 0]
},
{
"class": "sidebar_tree",
"indent_top_level": false,
Expand Down
45 changes: 38 additions & 7 deletions ayu-mirage.sublime-theme
Original file line number Diff line number Diff line change
Expand Up @@ -99,7 +99,8 @@
"fg": [115, 134, 153],
"match_fg": [255, 204, 102],
"selected_fg": [217, 215, 206],
"selected_match_fg": [255, 204, 102]
"selected_match_fg": [255, 204, 102],
"fg_blend": true
},

{
Expand Down Expand Up @@ -302,6 +303,16 @@
"layer1.tint": [115, 134, 153],
"layer1.inner_margin": [1, 0, 1, 2]
},
{
"class": "tabset_control",
"platforms": ["osx"],
"settings": ["ui_separator", "!ui_native_titlebar"],
"layer2.opacity": 0.3,
"layer2.texture": "ayu/assets/separator-top.png",
"layer2.tint": [115, 134, 153],
"layer2.inner_margin": [1, 2, 1, 0]
},

{
"class": "tabset_control",
"settings": ["ui_big_tabs"],
Expand All @@ -312,7 +323,7 @@
{
"class": "tab_control",

"layer0.tint": [33, 39, 51],
"layer0.tint": [33, 39, 51, 0],
"layer0.opacity": 1.0,

"layer1.texture": "",
Expand Down Expand Up @@ -351,26 +362,38 @@

{
"class": "tab_control", "attributes": ["selected"],
"layer0.tint": [115, 134, 153, 15],
"layer2.opacity": 1.0,
"layer3.opacity": 0.0
},
{
"class": "tab_control", "attributes": ["selected"],
"settings": ["ui_separator"],
"layer0.tint": [115, 134, 153, 15]
},

// Hovered current tab

{
"class": "tab_control", "attributes": ["hover"],
"layer0.tint": [115, 134, 153, 6],
"layer2.opacity": 0.3
},
{
"class": "tab_control", "attributes": ["hover"],
"settings": ["ui_separator"],
"layer0.tint": [115, 134, 153, 6],
},

// Selected current tab

{
"class": "tab_control", "attributes": ["selected","hover"],
"layer0.tint": [115, 134, 153, 15],
"class": "tab_control", "attributes": ["selected", "hover"],
"layer2.opacity": 1.0
},
{
"class": "tab_control", "attributes": ["selected", "hover"],
"settings": ["ui_separator"],
"layer0.tint": [115, 134, 153, 15]
},

// Tab Labels

Expand Down Expand Up @@ -577,7 +600,15 @@
"layer1.opacity": 0.3,
"layer1.tint": [115, 134, 153]
},

{
"class": "sidebar_container",
"platforms": ["osx"],
"settings": ["ui_separator", "!ui_native_titlebar"],
"layer2.opacity": 0.3,
"layer2.texture": "ayu/assets/separator-top.png",
"layer2.tint": [115, 134, 153],
"layer2.inner_margin": [1, 2, 1, 0]
},
{
"class": "sidebar_tree",
"indent_top_level": false,
Expand Down
45 changes: 38 additions & 7 deletions src/templates/sublime.ui.json
Original file line number Diff line number Diff line change
Expand Up @@ -99,7 +99,8 @@
"fg": ["{ui.fg.rgb}"],
"match_fg": ["{common.accent.rgb}"],
"selected_fg": ["{common.fg.rgb}"],
"selected_match_fg": ["{common.accent.rgb}"]
"selected_match_fg": ["{common.accent.rgb}"],
"fg_blend": true
},

{
Expand Down Expand Up @@ -302,6 +303,16 @@
"layer1.tint": ["{ui.fg.rgb}"],
"layer1.inner_margin": [1, 0, 1, 2]
},
{
"class": "tabset_control",
"platforms": ["osx"],
"settings": ["ui_separator", "!ui_native_titlebar"],
"layer2.opacity": "{ui.opacity}",
"layer2.texture": "ayu/assets/separator-top.png",
"layer2.tint": ["{ui.fg.rgb}"],
"layer2.inner_margin": [1, 2, 1, 0]
},

{
"class": "tabset_control",
"settings": ["ui_big_tabs"],
Expand All @@ -312,7 +323,7 @@
{
"class": "tab_control",

"layer0.tint": ["{common.bg.rgb}"],
"layer0.tint": ["{common.bg.rgb}", 0],
"layer0.opacity": 1.0,

"layer1.texture": "",
Expand Down Expand Up @@ -351,26 +362,38 @@

{
"class": "tab_control", "attributes": ["selected"],
"layer0.tint": ["{ui.fg.rgb}", 15],
"layer2.opacity": 1.0,
"layer3.opacity": 0.0
},
{
"class": "tab_control", "attributes": ["selected"],
"settings": ["ui_separator"],
"layer0.tint": ["{ui.fg.rgb}", 15]
},

// Hovered current tab

{
"class": "tab_control", "attributes": ["hover"],
"layer0.tint": ["{ui.fg.rgb}", 6],
"layer2.opacity": 0.3
},
{
"class": "tab_control", "attributes": ["hover"],
"settings": ["ui_separator"],
"layer0.tint": ["{ui.fg.rgb}", 6],
},

// Selected current tab

{
"class": "tab_control", "attributes": ["selected","hover"],
"layer0.tint": ["{ui.fg.rgb}", 15],
"class": "tab_control", "attributes": ["selected", "hover"],
"layer2.opacity": 1.0
},
{
"class": "tab_control", "attributes": ["selected", "hover"],
"settings": ["ui_separator"],
"layer0.tint": ["{ui.fg.rgb}", 15]
},

// Tab Labels

Expand Down Expand Up @@ -577,7 +600,15 @@
"layer1.opacity": "{ui.opacity}",
"layer1.tint": ["{ui.fg.rgb}"]
},

{
"class": "sidebar_container",
"platforms": ["osx"],
"settings": ["ui_separator", "!ui_native_titlebar"],
"layer2.opacity": "{ui.opacity}",
"layer2.texture": "ayu/assets/separator-top.png",
"layer2.tint": ["{ui.fg.rgb}"],
"layer2.inner_margin": [1, 2, 1, 0]
},
{
"class": "sidebar_tree",
"indent_top_level": false,
Expand Down

0 comments on commit 0268904

Please sign in to comment.