diff --git a/.gitignore b/.gitignore index bed9ac1e..671c4955 100644 --- a/.gitignore +++ b/.gitignore @@ -7,4 +7,15 @@ ._* *.cache -*.pyc \ No newline at end of file +*.pyc +npm-debug.log + +# Dependency directories +node_modules +jspm_packages + +# Optional npm cache directory +.npm + +# color scheme gens +/ayu-*.yml diff --git a/README.md b/README.md index 6bdf3b92..2f84448f 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,4 @@ -![ayu](http://i.imgur.com/h56iGcG.png) +![ayu](http://i.imgur.com/b3etBQX.png) `ayu` is a simple theme with bright colors and comes in two versions — *dark* and *light* for all day long comfortable work. @@ -9,18 +9,21 @@ # Screenshots Light with `ui_separator` option on -![Light with separators on](http://i.imgur.com/vidbstL.png) +![Light with separators on](http://i.imgur.com/AJbChTB.png) -Dark with `ui_separator` option off -![Dark with separators off](http://i.imgur.com/r1mqHyx.png) +🎉**NEW**🎉 Mirage with `ui_separator` option off +![Mirage with separators off](http://i.imgur.com/3kkWv8k.png) +Dark with `ui_separator` option on +![Dark with separators on](http://i.imgur.com/bbH1K5O.png) # Settings ```json "ui_separator": true, // separators between panels "ui_font_size_small": true, // smaller UI font size(sidebar, statusbar etc) -"ui_big_tabs": true // increased tab height +"ui_big_tabs": true, // increased tab height +"ui_fix_tab_labels": true // to fix tab labels if they look not right ``` # Installation @@ -38,39 +41,51 @@ You can install `ayu` via [Package Control](https://packagecontrol.io/). # Activation ## Sublime Text 3 ### Skins package -[Skins](https://packagecontrol.io/packages/Skins) provides a simple and efficient way to change themes, save your own presets and quickly try out new looks. Activation is as simple as opening up the command palette, running `Select Skin` and choosing `Ayu - Dark` or `Ayu - Light` from the list. +[Skins](https://packagecontrol.io/packages/Skins) provides a simple and efficient way to change themes, save your own presets and quickly try out new looks. Activation is as simple as opening up the command palette, running `Select Skin` and choosing `Ayu - Dark` or `Ayu - Light` from the list. ### Normal way Add these lines to your user settings *Preferences > Setting - User*: -For dark theme: -```json -"theme": "ayu.sublime-theme", -"color_scheme": "Packages/ayu/ayu.tmTheme", -``` - For light theme: ```json "theme": "ayu-light.sublime-theme", "color_scheme": "Packages/ayu/ayu-light.tmTheme", ``` -## Sublime Text 2 -Add these lines to your user settings *Preferences > Setting - User*: - -_Sublime Text 2 version may have some glitches, if you notice something, please file an issue._ +For mirage theme: +```json +"theme": "ayu-mirage.sublime-theme", +"color_scheme": "Packages/ayu/ayu-mirage.tmTheme", +``` For dark theme: ```json -"theme": "ayu2.sublime-theme", -"color_scheme": "Packages/ayu/ayu.tmTheme", +"theme": "ayu-dark.sublime-theme", +"color_scheme": "Packages/ayu/ayu-dark.tmTheme", ``` +## Sublime Text 2 +Add this lines to your user settings *Preferences > Setting - User*: + +_Sublime Text 2 version may have some glitches, if you notice something, please file an issue._ + For light theme: ```json "theme": "ayu-light2.sublime-theme", "color_scheme": "Packages/ayu/ayu-light.tmTheme", ``` +For mirage theme: +```json +"theme": "ayu-mirage2.sublime-theme", +"color_scheme": "Packages/ayu/ayu-mirage.tmTheme", +``` + +For dark theme: +```json +"theme": "ayu-dark2.sublime-theme", +"color_scheme": "Packages/ayu/ayu-dark.tmTheme", +``` + **NOTE:** Restart Sublime Text after activation of the theme to avoid any glitches. diff --git a/assets/arrow-left.png b/assets/arrow-left.png new file mode 100644 index 00000000..9472f7f9 Binary files /dev/null and b/assets/arrow-left.png differ diff --git a/assets/arrow-left@2x.png b/assets/arrow-left@2x.png new file mode 100644 index 00000000..a4d9913a Binary files /dev/null and b/assets/arrow-left@2x.png differ diff --git a/assets/arrow-right.png b/assets/arrow-right.png new file mode 100644 index 00000000..3919198b Binary files /dev/null and b/assets/arrow-right.png differ diff --git a/assets/arrow-right@2x.png b/assets/arrow-right@2x.png new file mode 100644 index 00000000..d09df425 Binary files /dev/null and b/assets/arrow-right@2x.png differ diff --git a/assets/buffer.png b/assets/buffer.png new file mode 100644 index 00000000..03636bf0 Binary files /dev/null and b/assets/buffer.png differ diff --git a/assets/buffer@2x.png b/assets/buffer@2x.png new file mode 100644 index 00000000..46dff7b8 Binary files /dev/null and b/assets/buffer@2x.png differ diff --git a/assets/close.png b/assets/close.png new file mode 100644 index 00000000..4e6ed855 Binary files /dev/null and b/assets/close.png differ diff --git a/assets/close@2x.png b/assets/close@2x.png new file mode 100644 index 00000000..818472bb Binary files /dev/null and b/assets/close@2x.png differ diff --git a/assets/context.png b/assets/context.png new file mode 100644 index 00000000..584dde46 Binary files /dev/null and b/assets/context.png differ diff --git a/assets/context@2x.png b/assets/context@2x.png new file mode 100644 index 00000000..17b6ca9c Binary files /dev/null and b/assets/context@2x.png differ diff --git a/assets/dark/arrow_left--hover.png b/assets/dark/arrow_left--hover.png deleted file mode 100644 index abcdbd12..00000000 Binary files a/assets/dark/arrow_left--hover.png and /dev/null differ diff --git a/assets/dark/arrow_left--hover@2x.png b/assets/dark/arrow_left--hover@2x.png deleted file mode 100644 index 74e66927..00000000 Binary files a/assets/dark/arrow_left--hover@2x.png and /dev/null differ diff --git a/assets/dark/arrow_left.png b/assets/dark/arrow_left.png deleted file mode 100644 index 89a8525c..00000000 Binary files a/assets/dark/arrow_left.png and /dev/null differ diff --git a/assets/dark/arrow_left@2x.png b/assets/dark/arrow_left@2x.png deleted file mode 100644 index 464547f5..00000000 Binary files a/assets/dark/arrow_left@2x.png and /dev/null differ diff --git a/assets/dark/arrow_right--hover.png b/assets/dark/arrow_right--hover.png deleted file mode 100644 index bb99d724..00000000 Binary files a/assets/dark/arrow_right--hover.png and /dev/null differ diff --git a/assets/dark/arrow_right--hover@2x.png b/assets/dark/arrow_right--hover@2x.png deleted file mode 100644 index 967506f7..00000000 Binary files a/assets/dark/arrow_right--hover@2x.png and /dev/null differ diff --git a/assets/dark/arrow_right.png b/assets/dark/arrow_right.png deleted file mode 100644 index 6e519996..00000000 Binary files a/assets/dark/arrow_right.png and /dev/null differ diff --git a/assets/dark/arrow_right@2x.png b/assets/dark/arrow_right@2x.png deleted file mode 100644 index 1a021e56..00000000 Binary files a/assets/dark/arrow_right@2x.png and /dev/null differ diff --git a/assets/dark/buffer--hover.png b/assets/dark/buffer--hover.png deleted file mode 100644 index da451346..00000000 Binary files a/assets/dark/buffer--hover.png and /dev/null differ diff --git a/assets/dark/buffer--hover@2x.png b/assets/dark/buffer--hover@2x.png deleted file mode 100644 index d9b4e48d..00000000 Binary files a/assets/dark/buffer--hover@2x.png and /dev/null differ diff --git a/assets/dark/buffer.png b/assets/dark/buffer.png deleted file mode 100644 index 588e4ddc..00000000 Binary files a/assets/dark/buffer.png and /dev/null differ diff --git a/assets/dark/buffer@2x.png b/assets/dark/buffer@2x.png deleted file mode 100644 index 8744f598..00000000 Binary files a/assets/dark/buffer@2x.png and /dev/null differ diff --git a/assets/dark/close--hover.png b/assets/dark/close--hover.png deleted file mode 100644 index 86de2577..00000000 Binary files a/assets/dark/close--hover.png and /dev/null differ diff --git a/assets/dark/close--hover@2x.png b/assets/dark/close--hover@2x.png deleted file mode 100644 index 63157fe0..00000000 Binary files a/assets/dark/close--hover@2x.png and /dev/null differ diff --git a/assets/dark/close.png b/assets/dark/close.png deleted file mode 100644 index ae378807..00000000 Binary files a/assets/dark/close.png and /dev/null differ diff --git a/assets/dark/close@2x.png b/assets/dark/close@2x.png deleted file mode 100644 index 46353b8e..00000000 Binary files a/assets/dark/close@2x.png and /dev/null differ diff --git a/assets/dark/context--hover.png b/assets/dark/context--hover.png deleted file mode 100644 index f1f55ac8..00000000 Binary files a/assets/dark/context--hover.png and /dev/null differ diff --git a/assets/dark/context--hover@2x.png b/assets/dark/context--hover@2x.png deleted file mode 100644 index 86d87b70..00000000 Binary files a/assets/dark/context--hover@2x.png and /dev/null differ diff --git a/assets/dark/context.png b/assets/dark/context.png deleted file mode 100644 index 32df8eb7..00000000 Binary files a/assets/dark/context.png and /dev/null differ diff --git a/assets/dark/context@2x.png b/assets/dark/context@2x.png deleted file mode 100644 index 3c4585f6..00000000 Binary files a/assets/dark/context@2x.png and /dev/null differ diff --git a/assets/dark/dirty--hover.png b/assets/dark/dirty--hover.png deleted file mode 100644 index 50fc5edb..00000000 Binary files a/assets/dark/dirty--hover.png and /dev/null differ diff --git a/assets/dark/dirty--hover@2x.png b/assets/dark/dirty--hover@2x.png deleted file mode 100644 index 0487bb43..00000000 Binary files a/assets/dark/dirty--hover@2x.png and /dev/null differ diff --git a/assets/dark/dirty.png b/assets/dark/dirty.png deleted file mode 100644 index b743b808..00000000 Binary files a/assets/dark/dirty.png and /dev/null differ diff --git a/assets/dark/dirty@2x.png b/assets/dark/dirty@2x.png deleted file mode 100644 index e462ce9b..00000000 Binary files a/assets/dark/dirty@2x.png and /dev/null differ diff --git a/assets/dark/fold--hover.png b/assets/dark/fold--hover.png deleted file mode 100644 index c0e9a6c2..00000000 Binary files a/assets/dark/fold--hover.png and /dev/null differ diff --git a/assets/dark/fold--hover@2x.png b/assets/dark/fold--hover@2x.png deleted file mode 100644 index bdbb4706..00000000 Binary files a/assets/dark/fold--hover@2x.png and /dev/null differ diff --git a/assets/dark/fold.png b/assets/dark/fold.png deleted file mode 100644 index 9323acc8..00000000 Binary files a/assets/dark/fold.png and /dev/null differ diff --git a/assets/dark/fold@2x.png b/assets/dark/fold@2x.png deleted file mode 100644 index 0e77c60b..00000000 Binary files a/assets/dark/fold@2x.png and /dev/null differ diff --git a/assets/dark/folder--hover.png b/assets/dark/folder--hover.png deleted file mode 100644 index 0cb5e4e1..00000000 Binary files a/assets/dark/folder--hover.png and /dev/null differ diff --git a/assets/dark/folder--hover@2x.png b/assets/dark/folder--hover@2x.png deleted file mode 100644 index c13018ad..00000000 Binary files a/assets/dark/folder--hover@2x.png and /dev/null differ diff --git a/assets/dark/folder.png b/assets/dark/folder.png deleted file mode 100644 index 30faf6d3..00000000 Binary files a/assets/dark/folder.png and /dev/null differ diff --git a/assets/dark/folder@2x.png b/assets/dark/folder@2x.png deleted file mode 100644 index 22577995..00000000 Binary files a/assets/dark/folder@2x.png and /dev/null differ diff --git a/assets/dark/folder_opened--hover-0.png b/assets/dark/folder_opened--hover-0.png deleted file mode 100644 index 0cb5e4e1..00000000 Binary files a/assets/dark/folder_opened--hover-0.png and /dev/null differ diff --git a/assets/dark/folder_opened--hover-0@2x.png b/assets/dark/folder_opened--hover-0@2x.png deleted file mode 100644 index c13018ad..00000000 Binary files a/assets/dark/folder_opened--hover-0@2x.png and /dev/null differ diff --git a/assets/dark/folder_opened--hover-1.png b/assets/dark/folder_opened--hover-1.png deleted file mode 100644 index 11033bec..00000000 Binary files a/assets/dark/folder_opened--hover-1.png and /dev/null differ diff --git a/assets/dark/folder_opened--hover-1@2x.png b/assets/dark/folder_opened--hover-1@2x.png deleted file mode 100644 index 8be029bb..00000000 Binary files a/assets/dark/folder_opened--hover-1@2x.png and /dev/null differ diff --git a/assets/dark/folder_opened--hover-2.png b/assets/dark/folder_opened--hover-2.png deleted file mode 100644 index 4f987cfe..00000000 Binary files a/assets/dark/folder_opened--hover-2.png and /dev/null differ diff --git a/assets/dark/folder_opened--hover-2@2x.png b/assets/dark/folder_opened--hover-2@2x.png deleted file mode 100644 index 33c823cc..00000000 Binary files a/assets/dark/folder_opened--hover-2@2x.png and /dev/null differ diff --git a/assets/dark/folder_opened--hover-3.png b/assets/dark/folder_opened--hover-3.png deleted file mode 100644 index 14e6051d..00000000 Binary files a/assets/dark/folder_opened--hover-3.png and /dev/null differ diff --git a/assets/dark/folder_opened--hover-3@2x.png b/assets/dark/folder_opened--hover-3@2x.png deleted file mode 100644 index 28b79b1a..00000000 Binary files a/assets/dark/folder_opened--hover-3@2x.png and /dev/null differ diff --git a/assets/dark/folder_opened--hover-4.png b/assets/dark/folder_opened--hover-4.png deleted file mode 100644 index 2ec0e87f..00000000 Binary files a/assets/dark/folder_opened--hover-4.png and /dev/null differ diff --git a/assets/dark/folder_opened--hover-4@2x.png b/assets/dark/folder_opened--hover-4@2x.png deleted file mode 100644 index 201c7983..00000000 Binary files a/assets/dark/folder_opened--hover-4@2x.png and /dev/null differ diff --git a/assets/dark/folder_opened--hover-5.png b/assets/dark/folder_opened--hover-5.png deleted file mode 100644 index 6b3277ef..00000000 Binary files a/assets/dark/folder_opened--hover-5.png and /dev/null differ diff --git a/assets/dark/folder_opened--hover-5@2x.png b/assets/dark/folder_opened--hover-5@2x.png deleted file mode 100644 index b3f0d9c4..00000000 Binary files a/assets/dark/folder_opened--hover-5@2x.png and /dev/null differ diff --git a/assets/dark/folder_opened--hover-6.png b/assets/dark/folder_opened--hover-6.png deleted file mode 100644 index 4bba0d84..00000000 Binary files a/assets/dark/folder_opened--hover-6.png and /dev/null differ diff --git a/assets/dark/folder_opened--hover-6@2x.png b/assets/dark/folder_opened--hover-6@2x.png deleted file mode 100644 index 04c6d13f..00000000 Binary files a/assets/dark/folder_opened--hover-6@2x.png and /dev/null differ diff --git a/assets/dark/folder_opened--hover-7.png b/assets/dark/folder_opened--hover-7.png deleted file mode 100644 index 9f0e529b..00000000 Binary files a/assets/dark/folder_opened--hover-7.png and /dev/null differ diff --git a/assets/dark/folder_opened--hover-7@2x.png b/assets/dark/folder_opened--hover-7@2x.png deleted file mode 100644 index cc92a6c8..00000000 Binary files a/assets/dark/folder_opened--hover-7@2x.png and /dev/null differ diff --git a/assets/dark/folder_opened.png b/assets/dark/folder_opened.png deleted file mode 100644 index 9f0e529b..00000000 Binary files a/assets/dark/folder_opened.png and /dev/null differ diff --git a/assets/dark/folder_opened@2x.png b/assets/dark/folder_opened@2x.png deleted file mode 100644 index cc92a6c8..00000000 Binary files a/assets/dark/folder_opened@2x.png and /dev/null differ diff --git a/assets/dark/highlight--hover.png b/assets/dark/highlight--hover.png deleted file mode 100644 index f0c660bc..00000000 Binary files a/assets/dark/highlight--hover.png and /dev/null differ diff --git a/assets/dark/highlight--hover@2x.png b/assets/dark/highlight--hover@2x.png deleted file mode 100644 index 2a0c788e..00000000 Binary files a/assets/dark/highlight--hover@2x.png and /dev/null differ diff --git a/assets/dark/highlight.png b/assets/dark/highlight.png deleted file mode 100644 index 91babac7..00000000 Binary files a/assets/dark/highlight.png and /dev/null differ diff --git a/assets/dark/highlight@2x.png b/assets/dark/highlight@2x.png deleted file mode 100644 index 2e0007c6..00000000 Binary files a/assets/dark/highlight@2x.png and /dev/null differ diff --git a/assets/dark/input_bg.png b/assets/dark/input_bg.png deleted file mode 100644 index 1d106de4..00000000 Binary files a/assets/dark/input_bg.png and /dev/null differ diff --git a/assets/dark/input_bg@2x.png b/assets/dark/input_bg@2x.png deleted file mode 100644 index 9388dc3c..00000000 Binary files a/assets/dark/input_bg@2x.png and /dev/null differ diff --git a/assets/dark/input_border.png b/assets/dark/input_border.png deleted file mode 100644 index da564d5f..00000000 Binary files a/assets/dark/input_border.png and /dev/null differ diff --git a/assets/dark/input_border@2x.png b/assets/dark/input_border@2x.png deleted file mode 100644 index 1dc76ae6..00000000 Binary files a/assets/dark/input_border@2x.png and /dev/null differ diff --git a/assets/dark/input_search.png b/assets/dark/input_search.png deleted file mode 100644 index dabe6689..00000000 Binary files a/assets/dark/input_search.png and /dev/null differ diff --git a/assets/dark/input_search@2x.png b/assets/dark/input_search@2x.png deleted file mode 100644 index 2d64080b..00000000 Binary files a/assets/dark/input_search@2x.png and /dev/null differ diff --git a/assets/dark/inselection--hover.png b/assets/dark/inselection--hover.png deleted file mode 100644 index 8ac6fc52..00000000 Binary files a/assets/dark/inselection--hover.png and /dev/null differ diff --git a/assets/dark/inselection--hover@2x.png b/assets/dark/inselection--hover@2x.png deleted file mode 100644 index e628cb55..00000000 Binary files a/assets/dark/inselection--hover@2x.png and /dev/null differ diff --git a/assets/dark/inselection.png b/assets/dark/inselection.png deleted file mode 100644 index 42fedb44..00000000 Binary files a/assets/dark/inselection.png and /dev/null differ diff --git a/assets/dark/inselection@2x.png b/assets/dark/inselection@2x.png deleted file mode 100644 index 9847681b..00000000 Binary files a/assets/dark/inselection@2x.png and /dev/null differ diff --git a/assets/dark/matchcase--hover.png b/assets/dark/matchcase--hover.png deleted file mode 100644 index 85a0018b..00000000 Binary files a/assets/dark/matchcase--hover.png and /dev/null differ diff --git a/assets/dark/matchcase--hover@2x.png b/assets/dark/matchcase--hover@2x.png deleted file mode 100644 index 1ee89b2d..00000000 Binary files a/assets/dark/matchcase--hover@2x.png and /dev/null differ diff --git a/assets/dark/matchcase.png b/assets/dark/matchcase.png deleted file mode 100644 index 5bedf4e8..00000000 Binary files a/assets/dark/matchcase.png and /dev/null differ diff --git a/assets/dark/matchcase@2x.png b/assets/dark/matchcase@2x.png deleted file mode 100644 index 97988fa1..00000000 Binary files a/assets/dark/matchcase@2x.png and /dev/null differ diff --git a/assets/dark/overflow_menu--hover.png b/assets/dark/overflow_menu--hover.png deleted file mode 100644 index 85122564..00000000 Binary files a/assets/dark/overflow_menu--hover.png and /dev/null differ diff --git a/assets/dark/overflow_menu--hover@2x.png b/assets/dark/overflow_menu--hover@2x.png deleted file mode 100644 index 577c5858..00000000 Binary files a/assets/dark/overflow_menu--hover@2x.png and /dev/null differ diff --git a/assets/dark/overflow_menu.png b/assets/dark/overflow_menu.png deleted file mode 100644 index b0f51606..00000000 Binary files a/assets/dark/overflow_menu.png and /dev/null differ diff --git a/assets/dark/overflow_menu@2x.png b/assets/dark/overflow_menu@2x.png deleted file mode 100644 index 1a7163b8..00000000 Binary files a/assets/dark/overflow_menu@2x.png and /dev/null differ diff --git a/assets/dark/overlay_bg.png b/assets/dark/overlay_bg.png deleted file mode 100644 index 08519bbb..00000000 Binary files a/assets/dark/overlay_bg.png and /dev/null differ diff --git a/assets/dark/overlay_bg@2x.png b/assets/dark/overlay_bg@2x.png deleted file mode 100644 index c59c34fd..00000000 Binary files a/assets/dark/overlay_bg@2x.png and /dev/null differ diff --git a/assets/dark/regex--hover.png b/assets/dark/regex--hover.png deleted file mode 100644 index 4724c608..00000000 Binary files a/assets/dark/regex--hover.png and /dev/null differ diff --git a/assets/dark/regex--hover@2x.png b/assets/dark/regex--hover@2x.png deleted file mode 100644 index 4becfc9e..00000000 Binary files a/assets/dark/regex--hover@2x.png and /dev/null differ diff --git a/assets/dark/regex.png b/assets/dark/regex.png deleted file mode 100644 index eac5c4ef..00000000 Binary files a/assets/dark/regex.png and /dev/null differ diff --git a/assets/dark/regex@2x.png b/assets/dark/regex@2x.png deleted file mode 100644 index 4895b54d..00000000 Binary files a/assets/dark/regex@2x.png and /dev/null differ diff --git a/assets/dark/replace_preserve_case--hover.png b/assets/dark/replace_preserve_case--hover.png deleted file mode 100644 index 65e50046..00000000 Binary files a/assets/dark/replace_preserve_case--hover.png and /dev/null differ diff --git a/assets/dark/replace_preserve_case--hover@2x.png b/assets/dark/replace_preserve_case--hover@2x.png deleted file mode 100644 index 133eb100..00000000 Binary files a/assets/dark/replace_preserve_case--hover@2x.png and /dev/null differ diff --git a/assets/dark/replace_preserve_case.png b/assets/dark/replace_preserve_case.png deleted file mode 100644 index 323b1217..00000000 Binary files a/assets/dark/replace_preserve_case.png and /dev/null differ diff --git a/assets/dark/replace_preserve_case@2x.png b/assets/dark/replace_preserve_case@2x.png deleted file mode 100644 index 4891f1a0..00000000 Binary files a/assets/dark/replace_preserve_case@2x.png and /dev/null differ diff --git a/assets/dark/reverse--hover.png b/assets/dark/reverse--hover.png deleted file mode 100644 index a29d58ed..00000000 Binary files a/assets/dark/reverse--hover.png and /dev/null differ diff --git a/assets/dark/reverse--hover@2x.png b/assets/dark/reverse--hover@2x.png deleted file mode 100644 index 219aa376..00000000 Binary files a/assets/dark/reverse--hover@2x.png and /dev/null differ diff --git a/assets/dark/reverse.png b/assets/dark/reverse.png deleted file mode 100644 index fa4fd75c..00000000 Binary files a/assets/dark/reverse.png and /dev/null differ diff --git a/assets/dark/reverse@2x.png b/assets/dark/reverse@2x.png deleted file mode 100644 index c153457d..00000000 Binary files a/assets/dark/reverse@2x.png and /dev/null differ diff --git a/assets/dark/separator_bottom.png b/assets/dark/separator_bottom.png deleted file mode 100644 index 4ef22d1c..00000000 Binary files a/assets/dark/separator_bottom.png and /dev/null differ diff --git a/assets/dark/separator_bottom@2x.png b/assets/dark/separator_bottom@2x.png deleted file mode 100644 index bbc581b6..00000000 Binary files a/assets/dark/separator_bottom@2x.png and /dev/null differ diff --git a/assets/dark/separator_right.png b/assets/dark/separator_right.png deleted file mode 100644 index 89e43e8b..00000000 Binary files a/assets/dark/separator_right.png and /dev/null differ diff --git a/assets/dark/separator_right@2x.png b/assets/dark/separator_right@2x.png deleted file mode 100644 index 86a7befa..00000000 Binary files a/assets/dark/separator_right@2x.png and /dev/null differ diff --git a/assets/dark/separator_top.png b/assets/dark/separator_top.png deleted file mode 100644 index 36bf2e68..00000000 Binary files a/assets/dark/separator_top.png and /dev/null differ diff --git a/assets/dark/separator_top@2x.png b/assets/dark/separator_top@2x.png deleted file mode 100644 index eef46c0a..00000000 Binary files a/assets/dark/separator_top@2x.png and /dev/null differ diff --git a/assets/dark/spinner.png b/assets/dark/spinner.png deleted file mode 100644 index 9de22324..00000000 Binary files a/assets/dark/spinner.png and /dev/null differ diff --git a/assets/dark/spinner1.png b/assets/dark/spinner1.png deleted file mode 100644 index 361497b5..00000000 Binary files a/assets/dark/spinner1.png and /dev/null differ diff --git a/assets/dark/spinner10.png b/assets/dark/spinner10.png deleted file mode 100644 index b985d10a..00000000 Binary files a/assets/dark/spinner10.png and /dev/null differ diff --git a/assets/dark/spinner10@2x.png b/assets/dark/spinner10@2x.png deleted file mode 100644 index 020dc8e6..00000000 Binary files a/assets/dark/spinner10@2x.png and /dev/null differ diff --git a/assets/dark/spinner11.png b/assets/dark/spinner11.png deleted file mode 100644 index f9f69d9b..00000000 Binary files a/assets/dark/spinner11.png and /dev/null differ diff --git a/assets/dark/spinner11@2x.png b/assets/dark/spinner11@2x.png deleted file mode 100644 index 6ccdea5c..00000000 Binary files a/assets/dark/spinner11@2x.png and /dev/null differ diff --git a/assets/dark/spinner1@2x.png b/assets/dark/spinner1@2x.png deleted file mode 100644 index 22e0782e..00000000 Binary files a/assets/dark/spinner1@2x.png and /dev/null differ diff --git a/assets/dark/spinner2.png b/assets/dark/spinner2.png deleted file mode 100644 index a65868ce..00000000 Binary files a/assets/dark/spinner2.png and /dev/null differ diff --git a/assets/dark/spinner2@2x.png b/assets/dark/spinner2@2x.png deleted file mode 100644 index 22f78ba7..00000000 Binary files a/assets/dark/spinner2@2x.png and /dev/null differ diff --git a/assets/dark/spinner3.png b/assets/dark/spinner3.png deleted file mode 100644 index e506d9dd..00000000 Binary files a/assets/dark/spinner3.png and /dev/null differ diff --git a/assets/dark/spinner3@2x.png b/assets/dark/spinner3@2x.png deleted file mode 100644 index 3e2c9211..00000000 Binary files a/assets/dark/spinner3@2x.png and /dev/null differ diff --git a/assets/dark/spinner4.png b/assets/dark/spinner4.png deleted file mode 100644 index 5f807677..00000000 Binary files a/assets/dark/spinner4.png and /dev/null differ diff --git a/assets/dark/spinner4@2x.png b/assets/dark/spinner4@2x.png deleted file mode 100644 index 9fd9ce3d..00000000 Binary files a/assets/dark/spinner4@2x.png and /dev/null differ diff --git a/assets/dark/spinner5.png b/assets/dark/spinner5.png deleted file mode 100644 index e1fdf117..00000000 Binary files a/assets/dark/spinner5.png and /dev/null differ diff --git a/assets/dark/spinner5@2x.png b/assets/dark/spinner5@2x.png deleted file mode 100644 index c80d9411..00000000 Binary files a/assets/dark/spinner5@2x.png and /dev/null differ diff --git a/assets/dark/spinner6.png b/assets/dark/spinner6.png deleted file mode 100644 index e8eb0622..00000000 Binary files a/assets/dark/spinner6.png and /dev/null differ diff --git a/assets/dark/spinner6@2x.png b/assets/dark/spinner6@2x.png deleted file mode 100644 index 8c3a03ec..00000000 Binary files a/assets/dark/spinner6@2x.png and /dev/null differ diff --git a/assets/dark/spinner7.png b/assets/dark/spinner7.png deleted file mode 100644 index 286611fd..00000000 Binary files a/assets/dark/spinner7.png and /dev/null differ diff --git a/assets/dark/spinner7@2x.png b/assets/dark/spinner7@2x.png deleted file mode 100644 index 87c170c8..00000000 Binary files a/assets/dark/spinner7@2x.png and /dev/null differ diff --git a/assets/dark/spinner8.png b/assets/dark/spinner8.png deleted file mode 100644 index fc784020..00000000 Binary files a/assets/dark/spinner8.png and /dev/null differ diff --git a/assets/dark/spinner8@2x.png b/assets/dark/spinner8@2x.png deleted file mode 100644 index f659ca15..00000000 Binary files a/assets/dark/spinner8@2x.png and /dev/null differ diff --git a/assets/dark/spinner9.png b/assets/dark/spinner9.png deleted file mode 100644 index 0e420a20..00000000 Binary files a/assets/dark/spinner9.png and /dev/null differ diff --git a/assets/dark/spinner9@2x.png b/assets/dark/spinner9@2x.png deleted file mode 100644 index 70f5d38a..00000000 Binary files a/assets/dark/spinner9@2x.png and /dev/null differ diff --git a/assets/dark/spinner@2x.png b/assets/dark/spinner@2x.png deleted file mode 100644 index 3d28b75b..00000000 Binary files a/assets/dark/spinner@2x.png and /dev/null differ diff --git a/assets/dark/symlink_folder--hover.png b/assets/dark/symlink_folder--hover.png deleted file mode 100644 index 9b789aaa..00000000 Binary files a/assets/dark/symlink_folder--hover.png and /dev/null differ diff --git a/assets/dark/symlink_folder--hover@2x.png b/assets/dark/symlink_folder--hover@2x.png deleted file mode 100644 index ed597832..00000000 Binary files a/assets/dark/symlink_folder--hover@2x.png and /dev/null differ diff --git a/assets/dark/symlink_folder.png b/assets/dark/symlink_folder.png deleted file mode 100644 index 87d87443..00000000 Binary files a/assets/dark/symlink_folder.png and /dev/null differ diff --git a/assets/dark/symlink_folder@2x.png b/assets/dark/symlink_folder@2x.png deleted file mode 100644 index e70da968..00000000 Binary files a/assets/dark/symlink_folder@2x.png and /dev/null differ diff --git a/assets/dark/tab_active.png b/assets/dark/tab_active.png deleted file mode 100644 index fd6432db..00000000 Binary files a/assets/dark/tab_active.png and /dev/null differ diff --git a/assets/dark/tab_active@2x.png b/assets/dark/tab_active@2x.png deleted file mode 100644 index 9bff65e6..00000000 Binary files a/assets/dark/tab_active@2x.png and /dev/null differ diff --git a/assets/dark/tree_highlight.png b/assets/dark/tree_highlight.png deleted file mode 100644 index 41bd1120..00000000 Binary files a/assets/dark/tree_highlight.png and /dev/null differ diff --git a/assets/dark/tree_highlight@2x.png b/assets/dark/tree_highlight@2x.png deleted file mode 100644 index 227ec7b9..00000000 Binary files a/assets/dark/tree_highlight@2x.png and /dev/null differ diff --git a/assets/dark/unfold--hover.png b/assets/dark/unfold--hover.png deleted file mode 100644 index bfe8d389..00000000 Binary files a/assets/dark/unfold--hover.png and /dev/null differ diff --git a/assets/dark/unfold--hover@2x.png b/assets/dark/unfold--hover@2x.png deleted file mode 100644 index bd040a9d..00000000 Binary files a/assets/dark/unfold--hover@2x.png and /dev/null differ diff --git a/assets/dark/unfold.png b/assets/dark/unfold.png deleted file mode 100644 index fe7810d6..00000000 Binary files a/assets/dark/unfold.png and /dev/null differ diff --git a/assets/dark/unfold@2x.png b/assets/dark/unfold@2x.png deleted file mode 100644 index a3bb8828..00000000 Binary files a/assets/dark/unfold@2x.png and /dev/null differ diff --git a/assets/dark/word--hover.png b/assets/dark/word--hover.png deleted file mode 100644 index ce6e32b8..00000000 Binary files a/assets/dark/word--hover.png and /dev/null differ diff --git a/assets/dark/word--hover@2x.png b/assets/dark/word--hover@2x.png deleted file mode 100644 index 8703520c..00000000 Binary files a/assets/dark/word--hover@2x.png and /dev/null differ diff --git a/assets/dark/word.png b/assets/dark/word.png deleted file mode 100644 index 9397695e..00000000 Binary files a/assets/dark/word.png and /dev/null differ diff --git a/assets/dark/word@2x.png b/assets/dark/word@2x.png deleted file mode 100644 index fafd0227..00000000 Binary files a/assets/dark/word@2x.png and /dev/null differ diff --git a/assets/dark/wrap--hover.png b/assets/dark/wrap--hover.png deleted file mode 100644 index 96e8ac0b..00000000 Binary files a/assets/dark/wrap--hover.png and /dev/null differ diff --git a/assets/dark/wrap--hover@2x.png b/assets/dark/wrap--hover@2x.png deleted file mode 100644 index 41b6da6b..00000000 Binary files a/assets/dark/wrap--hover@2x.png and /dev/null differ diff --git a/assets/dark/wrap.png b/assets/dark/wrap.png deleted file mode 100644 index 1c94a1c2..00000000 Binary files a/assets/dark/wrap.png and /dev/null differ diff --git a/assets/dark/wrap@2x.png b/assets/dark/wrap@2x.png deleted file mode 100644 index fbbfaa3a..00000000 Binary files a/assets/dark/wrap@2x.png and /dev/null differ diff --git a/assets/dirty.png b/assets/dirty.png new file mode 100644 index 00000000..d395f5b9 Binary files /dev/null and b/assets/dirty.png differ diff --git a/assets/dirty@2x.png b/assets/dirty@2x.png new file mode 100644 index 00000000..7fe0dbc3 Binary files /dev/null and b/assets/dirty@2x.png differ diff --git a/assets/fold.png b/assets/fold.png new file mode 100644 index 00000000..db6a5e98 Binary files /dev/null and b/assets/fold.png differ diff --git a/assets/fold@2x.png b/assets/fold@2x.png new file mode 100644 index 00000000..de2018d3 Binary files /dev/null and b/assets/fold@2x.png differ diff --git a/assets/folder-open-1.png b/assets/folder-open-1.png new file mode 100644 index 00000000..7921b987 Binary files /dev/null and b/assets/folder-open-1.png differ diff --git a/assets/folder-open-1@2x.png b/assets/folder-open-1@2x.png new file mode 100644 index 00000000..4b49f6ea Binary files /dev/null and b/assets/folder-open-1@2x.png differ diff --git a/assets/folder-open-2.png b/assets/folder-open-2.png new file mode 100644 index 00000000..1ffae70f Binary files /dev/null and b/assets/folder-open-2.png differ diff --git a/assets/folder-open-2@2x.png b/assets/folder-open-2@2x.png new file mode 100644 index 00000000..2ccda02b Binary files /dev/null and b/assets/folder-open-2@2x.png differ diff --git a/assets/folder-open-3.png b/assets/folder-open-3.png new file mode 100644 index 00000000..848ad135 Binary files /dev/null and b/assets/folder-open-3.png differ diff --git a/assets/folder-open-3@2x.png b/assets/folder-open-3@2x.png new file mode 100644 index 00000000..1507d5d9 Binary files /dev/null and b/assets/folder-open-3@2x.png differ diff --git a/assets/folder-open-4.png b/assets/folder-open-4.png new file mode 100644 index 00000000..7c010ee0 Binary files /dev/null and b/assets/folder-open-4.png differ diff --git a/assets/folder-open-4@2x.png b/assets/folder-open-4@2x.png new file mode 100644 index 00000000..1ee56d8d Binary files /dev/null and b/assets/folder-open-4@2x.png differ diff --git a/assets/folder-open-5.png b/assets/folder-open-5.png new file mode 100644 index 00000000..96f55a74 Binary files /dev/null and b/assets/folder-open-5.png differ diff --git a/assets/folder-open-5@2x.png b/assets/folder-open-5@2x.png new file mode 100644 index 00000000..42fe5b4c Binary files /dev/null and b/assets/folder-open-5@2x.png differ diff --git a/assets/folder-open-6.png b/assets/folder-open-6.png new file mode 100644 index 00000000..4789ebdd Binary files /dev/null and b/assets/folder-open-6.png differ diff --git a/assets/folder-open-6@2x.png b/assets/folder-open-6@2x.png new file mode 100644 index 00000000..c5b0391c Binary files /dev/null and b/assets/folder-open-6@2x.png differ diff --git a/assets/folder-open.png b/assets/folder-open.png new file mode 100644 index 00000000..f56ab6da Binary files /dev/null and b/assets/folder-open.png differ diff --git a/assets/folder-open@2x.png b/assets/folder-open@2x.png new file mode 100644 index 00000000..67bf099e Binary files /dev/null and b/assets/folder-open@2x.png differ diff --git a/assets/folder-symlink.png b/assets/folder-symlink.png new file mode 100644 index 00000000..2c33fe99 Binary files /dev/null and b/assets/folder-symlink.png differ diff --git a/assets/folder-symlink@2x.png b/assets/folder-symlink@2x.png new file mode 100644 index 00000000..d6eb80b7 Binary files /dev/null and b/assets/folder-symlink@2x.png differ diff --git a/assets/folder.png b/assets/folder.png new file mode 100644 index 00000000..0ba5c965 Binary files /dev/null and b/assets/folder.png differ diff --git a/assets/folder@2x.png b/assets/folder@2x.png new file mode 100644 index 00000000..9cdd3f67 Binary files /dev/null and b/assets/folder@2x.png differ diff --git a/assets/highlight.png b/assets/highlight.png new file mode 100644 index 00000000..9ad2d462 Binary files /dev/null and b/assets/highlight.png differ diff --git a/assets/highlight@2x.png b/assets/highlight@2x.png new file mode 100644 index 00000000..f8e5a53f Binary files /dev/null and b/assets/highlight@2x.png differ diff --git a/assets/input-bg.png b/assets/input-bg.png new file mode 100644 index 00000000..602a0c42 Binary files /dev/null and b/assets/input-bg.png differ diff --git a/assets/light/input_bg@2x.png b/assets/input-bg@2x.png similarity index 86% rename from assets/light/input_bg@2x.png rename to assets/input-bg@2x.png index 7239b900..8d742ff2 100644 Binary files a/assets/light/input_bg@2x.png and b/assets/input-bg@2x.png differ diff --git a/assets/input-border.png b/assets/input-border.png new file mode 100644 index 00000000..f6cfb74b Binary files /dev/null and b/assets/input-border.png differ diff --git a/assets/input-border@2x.png b/assets/input-border@2x.png new file mode 100644 index 00000000..c0881250 Binary files /dev/null and b/assets/input-border@2x.png differ diff --git a/assets/input-search.png b/assets/input-search.png new file mode 100644 index 00000000..8a1e47c6 Binary files /dev/null and b/assets/input-search.png differ diff --git a/assets/input-search@2x.png b/assets/input-search@2x.png new file mode 100644 index 00000000..a2197eab Binary files /dev/null and b/assets/input-search@2x.png differ diff --git a/assets/inselection.png b/assets/inselection.png new file mode 100644 index 00000000..79a1ec89 Binary files /dev/null and b/assets/inselection.png differ diff --git a/assets/inselection@2x.png b/assets/inselection@2x.png new file mode 100644 index 00000000..eab1889f Binary files /dev/null and b/assets/inselection@2x.png differ diff --git a/assets/light/arrow_left--hover.png b/assets/light/arrow_left--hover.png deleted file mode 100644 index 7a4e641c..00000000 Binary files a/assets/light/arrow_left--hover.png and /dev/null differ diff --git a/assets/light/arrow_left--hover@2x.png b/assets/light/arrow_left--hover@2x.png deleted file mode 100644 index 7865f10b..00000000 Binary files a/assets/light/arrow_left--hover@2x.png and /dev/null differ diff --git a/assets/light/arrow_left.png b/assets/light/arrow_left.png deleted file mode 100644 index 2b43bef6..00000000 Binary files a/assets/light/arrow_left.png and /dev/null differ diff --git a/assets/light/arrow_left@2x.png b/assets/light/arrow_left@2x.png deleted file mode 100644 index ef824bbc..00000000 Binary files a/assets/light/arrow_left@2x.png and /dev/null differ diff --git a/assets/light/arrow_right--hover.png b/assets/light/arrow_right--hover.png deleted file mode 100644 index 82e667d1..00000000 Binary files a/assets/light/arrow_right--hover.png and /dev/null differ diff --git a/assets/light/arrow_right--hover@2x.png b/assets/light/arrow_right--hover@2x.png deleted file mode 100644 index 65df02dc..00000000 Binary files a/assets/light/arrow_right--hover@2x.png and /dev/null differ diff --git a/assets/light/arrow_right.png b/assets/light/arrow_right.png deleted file mode 100644 index a88dbafa..00000000 Binary files a/assets/light/arrow_right.png and /dev/null differ diff --git a/assets/light/arrow_right@2x.png b/assets/light/arrow_right@2x.png deleted file mode 100644 index de3ff710..00000000 Binary files a/assets/light/arrow_right@2x.png and /dev/null differ diff --git a/assets/light/buffer--hover.png b/assets/light/buffer--hover.png deleted file mode 100644 index 517fde8a..00000000 Binary files a/assets/light/buffer--hover.png and /dev/null differ diff --git a/assets/light/buffer--hover@2x.png b/assets/light/buffer--hover@2x.png deleted file mode 100644 index 8100f022..00000000 Binary files a/assets/light/buffer--hover@2x.png and /dev/null differ diff --git a/assets/light/buffer.png b/assets/light/buffer.png deleted file mode 100644 index 8f2f0558..00000000 Binary files a/assets/light/buffer.png and /dev/null differ diff --git a/assets/light/buffer@2x.png b/assets/light/buffer@2x.png deleted file mode 100644 index 5c2e16ac..00000000 Binary files a/assets/light/buffer@2x.png and /dev/null differ diff --git a/assets/light/close--hover.png b/assets/light/close--hover.png deleted file mode 100644 index 125e3498..00000000 Binary files a/assets/light/close--hover.png and /dev/null differ diff --git a/assets/light/close--hover@2x.png b/assets/light/close--hover@2x.png deleted file mode 100644 index 74dd9a15..00000000 Binary files a/assets/light/close--hover@2x.png and /dev/null differ diff --git a/assets/light/close.png b/assets/light/close.png deleted file mode 100644 index 7955a865..00000000 Binary files a/assets/light/close.png and /dev/null differ diff --git a/assets/light/close@2x.png b/assets/light/close@2x.png deleted file mode 100644 index 9fedaa85..00000000 Binary files a/assets/light/close@2x.png and /dev/null differ diff --git a/assets/light/context--hover.png b/assets/light/context--hover.png deleted file mode 100644 index 1f9da4d1..00000000 Binary files a/assets/light/context--hover.png and /dev/null differ diff --git a/assets/light/context--hover@2x.png b/assets/light/context--hover@2x.png deleted file mode 100644 index 3615541e..00000000 Binary files a/assets/light/context--hover@2x.png and /dev/null differ diff --git a/assets/light/context.png b/assets/light/context.png deleted file mode 100644 index d8d60360..00000000 Binary files a/assets/light/context.png and /dev/null differ diff --git a/assets/light/context@2x.png b/assets/light/context@2x.png deleted file mode 100644 index c2155569..00000000 Binary files a/assets/light/context@2x.png and /dev/null differ diff --git a/assets/light/dirty--hover.png b/assets/light/dirty--hover.png deleted file mode 100644 index 21d04c07..00000000 Binary files a/assets/light/dirty--hover.png and /dev/null differ diff --git a/assets/light/dirty--hover@2x.png b/assets/light/dirty--hover@2x.png deleted file mode 100644 index 4fa8b571..00000000 Binary files a/assets/light/dirty--hover@2x.png and /dev/null differ diff --git a/assets/light/dirty.png b/assets/light/dirty.png deleted file mode 100644 index b249c05d..00000000 Binary files a/assets/light/dirty.png and /dev/null differ diff --git a/assets/light/dirty@2x.png b/assets/light/dirty@2x.png deleted file mode 100644 index 4097a0e2..00000000 Binary files a/assets/light/dirty@2x.png and /dev/null differ diff --git a/assets/light/fold--hover.png b/assets/light/fold--hover.png deleted file mode 100644 index 4d2eb509..00000000 Binary files a/assets/light/fold--hover.png and /dev/null differ diff --git a/assets/light/fold--hover@2x.png b/assets/light/fold--hover@2x.png deleted file mode 100644 index 3b3662f2..00000000 Binary files a/assets/light/fold--hover@2x.png and /dev/null differ diff --git a/assets/light/fold.png b/assets/light/fold.png deleted file mode 100644 index 306e1b6b..00000000 Binary files a/assets/light/fold.png and /dev/null differ diff --git a/assets/light/fold@2x.png b/assets/light/fold@2x.png deleted file mode 100644 index f90b27d7..00000000 Binary files a/assets/light/fold@2x.png and /dev/null differ diff --git a/assets/light/folder--hover.png b/assets/light/folder--hover.png deleted file mode 100644 index 77e9a707..00000000 Binary files a/assets/light/folder--hover.png and /dev/null differ diff --git a/assets/light/folder--hover@2x.png b/assets/light/folder--hover@2x.png deleted file mode 100644 index 040c0570..00000000 Binary files a/assets/light/folder--hover@2x.png and /dev/null differ diff --git a/assets/light/folder.png b/assets/light/folder.png deleted file mode 100644 index 07d457c7..00000000 Binary files a/assets/light/folder.png and /dev/null differ diff --git a/assets/light/folder@2x.png b/assets/light/folder@2x.png deleted file mode 100644 index 53a149b3..00000000 Binary files a/assets/light/folder@2x.png and /dev/null differ diff --git a/assets/light/folder_opened--hover-0.png b/assets/light/folder_opened--hover-0.png deleted file mode 100644 index 77e9a707..00000000 Binary files a/assets/light/folder_opened--hover-0.png and /dev/null differ diff --git a/assets/light/folder_opened--hover-0@2x.png b/assets/light/folder_opened--hover-0@2x.png deleted file mode 100644 index 040c0570..00000000 Binary files a/assets/light/folder_opened--hover-0@2x.png and /dev/null differ diff --git a/assets/light/folder_opened--hover-1.png b/assets/light/folder_opened--hover-1.png deleted file mode 100644 index 0a87fdd5..00000000 Binary files a/assets/light/folder_opened--hover-1.png and /dev/null differ diff --git a/assets/light/folder_opened--hover-1@2x.png b/assets/light/folder_opened--hover-1@2x.png deleted file mode 100644 index 3e617ee3..00000000 Binary files a/assets/light/folder_opened--hover-1@2x.png and /dev/null differ diff --git a/assets/light/folder_opened--hover-2.png b/assets/light/folder_opened--hover-2.png deleted file mode 100644 index 49a7b912..00000000 Binary files a/assets/light/folder_opened--hover-2.png and /dev/null differ diff --git a/assets/light/folder_opened--hover-2@2x.png b/assets/light/folder_opened--hover-2@2x.png deleted file mode 100644 index 8ee8061a..00000000 Binary files a/assets/light/folder_opened--hover-2@2x.png and /dev/null differ diff --git a/assets/light/folder_opened--hover-3.png b/assets/light/folder_opened--hover-3.png deleted file mode 100644 index ae530c57..00000000 Binary files a/assets/light/folder_opened--hover-3.png and /dev/null differ diff --git a/assets/light/folder_opened--hover-3@2x.png b/assets/light/folder_opened--hover-3@2x.png deleted file mode 100644 index d3875f21..00000000 Binary files a/assets/light/folder_opened--hover-3@2x.png and /dev/null differ diff --git a/assets/light/folder_opened--hover-4.png b/assets/light/folder_opened--hover-4.png deleted file mode 100644 index 6efb0063..00000000 Binary files a/assets/light/folder_opened--hover-4.png and /dev/null differ diff --git a/assets/light/folder_opened--hover-4@2x.png b/assets/light/folder_opened--hover-4@2x.png deleted file mode 100644 index 23aba5d0..00000000 Binary files a/assets/light/folder_opened--hover-4@2x.png and /dev/null differ diff --git a/assets/light/folder_opened--hover-5.png b/assets/light/folder_opened--hover-5.png deleted file mode 100644 index 1be47924..00000000 Binary files a/assets/light/folder_opened--hover-5.png and /dev/null differ diff --git a/assets/light/folder_opened--hover-5@2x.png b/assets/light/folder_opened--hover-5@2x.png deleted file mode 100644 index 102118fc..00000000 Binary files a/assets/light/folder_opened--hover-5@2x.png and /dev/null differ diff --git a/assets/light/folder_opened--hover-6.png b/assets/light/folder_opened--hover-6.png deleted file mode 100644 index 66968311..00000000 Binary files a/assets/light/folder_opened--hover-6.png and /dev/null differ diff --git a/assets/light/folder_opened--hover-6@2x.png b/assets/light/folder_opened--hover-6@2x.png deleted file mode 100644 index 2cfb9501..00000000 Binary files a/assets/light/folder_opened--hover-6@2x.png and /dev/null differ diff --git a/assets/light/folder_opened--hover-7.png b/assets/light/folder_opened--hover-7.png deleted file mode 100644 index 0b45fc43..00000000 Binary files a/assets/light/folder_opened--hover-7.png and /dev/null differ diff --git a/assets/light/folder_opened--hover-7@2x.png b/assets/light/folder_opened--hover-7@2x.png deleted file mode 100644 index b41ffcec..00000000 Binary files a/assets/light/folder_opened--hover-7@2x.png and /dev/null differ diff --git a/assets/light/folder_opened.png b/assets/light/folder_opened.png deleted file mode 100644 index 0b45fc43..00000000 Binary files a/assets/light/folder_opened.png and /dev/null differ diff --git a/assets/light/folder_opened@2x.png b/assets/light/folder_opened@2x.png deleted file mode 100644 index b41ffcec..00000000 Binary files a/assets/light/folder_opened@2x.png and /dev/null differ diff --git a/assets/light/highlight--hover.png b/assets/light/highlight--hover.png deleted file mode 100644 index aa4d717f..00000000 Binary files a/assets/light/highlight--hover.png and /dev/null differ diff --git a/assets/light/highlight--hover@2x.png b/assets/light/highlight--hover@2x.png deleted file mode 100644 index 156496ed..00000000 Binary files a/assets/light/highlight--hover@2x.png and /dev/null differ diff --git a/assets/light/highlight.png b/assets/light/highlight.png deleted file mode 100644 index b9e40835..00000000 Binary files a/assets/light/highlight.png and /dev/null differ diff --git a/assets/light/highlight@2x.png b/assets/light/highlight@2x.png deleted file mode 100644 index 39a3f158..00000000 Binary files a/assets/light/highlight@2x.png and /dev/null differ diff --git a/assets/light/input_bg.png b/assets/light/input_bg.png deleted file mode 100644 index 6b66fae2..00000000 Binary files a/assets/light/input_bg.png and /dev/null differ diff --git a/assets/light/input_border.png b/assets/light/input_border.png deleted file mode 100644 index 2e41b6fb..00000000 Binary files a/assets/light/input_border.png and /dev/null differ diff --git a/assets/light/input_border@2x.png b/assets/light/input_border@2x.png deleted file mode 100644 index 0b2afef4..00000000 Binary files a/assets/light/input_border@2x.png and /dev/null differ diff --git a/assets/light/input_search.png b/assets/light/input_search.png deleted file mode 100644 index 92f4114f..00000000 Binary files a/assets/light/input_search.png and /dev/null differ diff --git a/assets/light/input_search@2x.png b/assets/light/input_search@2x.png deleted file mode 100644 index 96795723..00000000 Binary files a/assets/light/input_search@2x.png and /dev/null differ diff --git a/assets/light/inselection--hover.png b/assets/light/inselection--hover.png deleted file mode 100644 index 934562a5..00000000 Binary files a/assets/light/inselection--hover.png and /dev/null differ diff --git a/assets/light/inselection--hover@2x.png b/assets/light/inselection--hover@2x.png deleted file mode 100644 index 3cd82929..00000000 Binary files a/assets/light/inselection--hover@2x.png and /dev/null differ diff --git a/assets/light/inselection.png b/assets/light/inselection.png deleted file mode 100644 index 8ca35850..00000000 Binary files a/assets/light/inselection.png and /dev/null differ diff --git a/assets/light/inselection@2x.png b/assets/light/inselection@2x.png deleted file mode 100644 index 53acf0d9..00000000 Binary files a/assets/light/inselection@2x.png and /dev/null differ diff --git a/assets/light/matchcase--hover.png b/assets/light/matchcase--hover.png deleted file mode 100644 index e2547ad2..00000000 Binary files a/assets/light/matchcase--hover.png and /dev/null differ diff --git a/assets/light/matchcase--hover@2x.png b/assets/light/matchcase--hover@2x.png deleted file mode 100644 index fe2f720e..00000000 Binary files a/assets/light/matchcase--hover@2x.png and /dev/null differ diff --git a/assets/light/matchcase.png b/assets/light/matchcase.png deleted file mode 100644 index b80d4dd8..00000000 Binary files a/assets/light/matchcase.png and /dev/null differ diff --git a/assets/light/matchcase@2x.png b/assets/light/matchcase@2x.png deleted file mode 100644 index 8c5ecf74..00000000 Binary files a/assets/light/matchcase@2x.png and /dev/null differ diff --git a/assets/light/overflow_menu--hover.png b/assets/light/overflow_menu--hover.png deleted file mode 100644 index 366d91e3..00000000 Binary files a/assets/light/overflow_menu--hover.png and /dev/null differ diff --git a/assets/light/overflow_menu--hover@2x.png b/assets/light/overflow_menu--hover@2x.png deleted file mode 100644 index 2f543ba5..00000000 Binary files a/assets/light/overflow_menu--hover@2x.png and /dev/null differ diff --git a/assets/light/overflow_menu.png b/assets/light/overflow_menu.png deleted file mode 100644 index 36523060..00000000 Binary files a/assets/light/overflow_menu.png and /dev/null differ diff --git a/assets/light/overflow_menu@2x.png b/assets/light/overflow_menu@2x.png deleted file mode 100644 index 0983edfb..00000000 Binary files a/assets/light/overflow_menu@2x.png and /dev/null differ diff --git a/assets/light/overlay_bg.png b/assets/light/overlay_bg.png deleted file mode 100644 index d5a97c8a..00000000 Binary files a/assets/light/overlay_bg.png and /dev/null differ diff --git a/assets/light/overlay_bg@2x.png b/assets/light/overlay_bg@2x.png deleted file mode 100644 index fe964adc..00000000 Binary files a/assets/light/overlay_bg@2x.png and /dev/null differ diff --git a/assets/light/regex--hover.png b/assets/light/regex--hover.png deleted file mode 100644 index 1868f38b..00000000 Binary files a/assets/light/regex--hover.png and /dev/null differ diff --git a/assets/light/regex--hover@2x.png b/assets/light/regex--hover@2x.png deleted file mode 100644 index 959689af..00000000 Binary files a/assets/light/regex--hover@2x.png and /dev/null differ diff --git a/assets/light/regex.png b/assets/light/regex.png deleted file mode 100644 index f8b0b386..00000000 Binary files a/assets/light/regex.png and /dev/null differ diff --git a/assets/light/regex@2x.png b/assets/light/regex@2x.png deleted file mode 100644 index 69654ce3..00000000 Binary files a/assets/light/regex@2x.png and /dev/null differ diff --git a/assets/light/replace_preserve_case--hover.png b/assets/light/replace_preserve_case--hover.png deleted file mode 100644 index c8d600f7..00000000 Binary files a/assets/light/replace_preserve_case--hover.png and /dev/null differ diff --git a/assets/light/replace_preserve_case--hover@2x.png b/assets/light/replace_preserve_case--hover@2x.png deleted file mode 100644 index 49f68d54..00000000 Binary files a/assets/light/replace_preserve_case--hover@2x.png and /dev/null differ diff --git a/assets/light/replace_preserve_case.png b/assets/light/replace_preserve_case.png deleted file mode 100644 index 49698342..00000000 Binary files a/assets/light/replace_preserve_case.png and /dev/null differ diff --git a/assets/light/replace_preserve_case@2x.png b/assets/light/replace_preserve_case@2x.png deleted file mode 100644 index 541faeba..00000000 Binary files a/assets/light/replace_preserve_case@2x.png and /dev/null differ diff --git a/assets/light/reverse--hover.png b/assets/light/reverse--hover.png deleted file mode 100644 index 60582870..00000000 Binary files a/assets/light/reverse--hover.png and /dev/null differ diff --git a/assets/light/reverse--hover@2x.png b/assets/light/reverse--hover@2x.png deleted file mode 100644 index 8fb7975f..00000000 Binary files a/assets/light/reverse--hover@2x.png and /dev/null differ diff --git a/assets/light/reverse.png b/assets/light/reverse.png deleted file mode 100644 index 2c9e3c47..00000000 Binary files a/assets/light/reverse.png and /dev/null differ diff --git a/assets/light/reverse@2x.png b/assets/light/reverse@2x.png deleted file mode 100644 index 8d2fdf63..00000000 Binary files a/assets/light/reverse@2x.png and /dev/null differ diff --git a/assets/light/separator_bottom.png b/assets/light/separator_bottom.png deleted file mode 100644 index ff4a9512..00000000 Binary files a/assets/light/separator_bottom.png and /dev/null differ diff --git a/assets/light/separator_bottom@2x.png b/assets/light/separator_bottom@2x.png deleted file mode 100644 index bc18823d..00000000 Binary files a/assets/light/separator_bottom@2x.png and /dev/null differ diff --git a/assets/light/separator_right.png b/assets/light/separator_right.png deleted file mode 100644 index 764e101b..00000000 Binary files a/assets/light/separator_right.png and /dev/null differ diff --git a/assets/light/separator_right@2x.png b/assets/light/separator_right@2x.png deleted file mode 100644 index 49a98dc0..00000000 Binary files a/assets/light/separator_right@2x.png and /dev/null differ diff --git a/assets/light/separator_top.png b/assets/light/separator_top.png deleted file mode 100644 index 1f18fefc..00000000 Binary files a/assets/light/separator_top.png and /dev/null differ diff --git a/assets/light/separator_top@2x.png b/assets/light/separator_top@2x.png deleted file mode 100644 index 98482271..00000000 Binary files a/assets/light/separator_top@2x.png and /dev/null differ diff --git a/assets/light/spinner.png b/assets/light/spinner.png deleted file mode 100644 index e122da7d..00000000 Binary files a/assets/light/spinner.png and /dev/null differ diff --git a/assets/light/spinner1.png b/assets/light/spinner1.png deleted file mode 100644 index 2828ce98..00000000 Binary files a/assets/light/spinner1.png and /dev/null differ diff --git a/assets/light/spinner10.png b/assets/light/spinner10.png deleted file mode 100644 index d944f8b8..00000000 Binary files a/assets/light/spinner10.png and /dev/null differ diff --git a/assets/light/spinner10@2x.png b/assets/light/spinner10@2x.png deleted file mode 100644 index b5bc4fe4..00000000 Binary files a/assets/light/spinner10@2x.png and /dev/null differ diff --git a/assets/light/spinner11.png b/assets/light/spinner11.png deleted file mode 100644 index 7740b696..00000000 Binary files a/assets/light/spinner11.png and /dev/null differ diff --git a/assets/light/spinner11@2x.png b/assets/light/spinner11@2x.png deleted file mode 100644 index 53514ae8..00000000 Binary files a/assets/light/spinner11@2x.png and /dev/null differ diff --git a/assets/light/spinner1@2x.png b/assets/light/spinner1@2x.png deleted file mode 100644 index cab67e07..00000000 Binary files a/assets/light/spinner1@2x.png and /dev/null differ diff --git a/assets/light/spinner2.png b/assets/light/spinner2.png deleted file mode 100644 index 2086d74f..00000000 Binary files a/assets/light/spinner2.png and /dev/null differ diff --git a/assets/light/spinner2@2x.png b/assets/light/spinner2@2x.png deleted file mode 100644 index 892f08bd..00000000 Binary files a/assets/light/spinner2@2x.png and /dev/null differ diff --git a/assets/light/spinner3.png b/assets/light/spinner3.png deleted file mode 100644 index 5640f93a..00000000 Binary files a/assets/light/spinner3.png and /dev/null differ diff --git a/assets/light/spinner3@2x.png b/assets/light/spinner3@2x.png deleted file mode 100644 index bdec91a8..00000000 Binary files a/assets/light/spinner3@2x.png and /dev/null differ diff --git a/assets/light/spinner4.png b/assets/light/spinner4.png deleted file mode 100644 index c51f543a..00000000 Binary files a/assets/light/spinner4.png and /dev/null differ diff --git a/assets/light/spinner4@2x.png b/assets/light/spinner4@2x.png deleted file mode 100644 index 75baa14c..00000000 Binary files a/assets/light/spinner4@2x.png and /dev/null differ diff --git a/assets/light/spinner5.png b/assets/light/spinner5.png deleted file mode 100644 index c1914801..00000000 Binary files a/assets/light/spinner5.png and /dev/null differ diff --git a/assets/light/spinner5@2x.png b/assets/light/spinner5@2x.png deleted file mode 100644 index b16b7d2c..00000000 Binary files a/assets/light/spinner5@2x.png and /dev/null differ diff --git a/assets/light/spinner6.png b/assets/light/spinner6.png deleted file mode 100644 index 3f5079d1..00000000 Binary files a/assets/light/spinner6.png and /dev/null differ diff --git a/assets/light/spinner6@2x.png b/assets/light/spinner6@2x.png deleted file mode 100644 index dd2ec2df..00000000 Binary files a/assets/light/spinner6@2x.png and /dev/null differ diff --git a/assets/light/spinner7.png b/assets/light/spinner7.png deleted file mode 100644 index a329d3de..00000000 Binary files a/assets/light/spinner7.png and /dev/null differ diff --git a/assets/light/spinner7@2x.png b/assets/light/spinner7@2x.png deleted file mode 100644 index 6409a1e6..00000000 Binary files a/assets/light/spinner7@2x.png and /dev/null differ diff --git a/assets/light/spinner8.png b/assets/light/spinner8.png deleted file mode 100644 index 035f1db4..00000000 Binary files a/assets/light/spinner8.png and /dev/null differ diff --git a/assets/light/spinner8@2x.png b/assets/light/spinner8@2x.png deleted file mode 100644 index 13c3cdee..00000000 Binary files a/assets/light/spinner8@2x.png and /dev/null differ diff --git a/assets/light/spinner9.png b/assets/light/spinner9.png deleted file mode 100644 index 80c174c6..00000000 Binary files a/assets/light/spinner9.png and /dev/null differ diff --git a/assets/light/spinner9@2x.png b/assets/light/spinner9@2x.png deleted file mode 100644 index e03cae56..00000000 Binary files a/assets/light/spinner9@2x.png and /dev/null differ diff --git a/assets/light/spinner@2x.png b/assets/light/spinner@2x.png deleted file mode 100644 index c29bce1f..00000000 Binary files a/assets/light/spinner@2x.png and /dev/null differ diff --git a/assets/light/symlink_folder--hover.png b/assets/light/symlink_folder--hover.png deleted file mode 100644 index 16be6cee..00000000 Binary files a/assets/light/symlink_folder--hover.png and /dev/null differ diff --git a/assets/light/symlink_folder--hover@2x.png b/assets/light/symlink_folder--hover@2x.png deleted file mode 100644 index 943e53ea..00000000 Binary files a/assets/light/symlink_folder--hover@2x.png and /dev/null differ diff --git a/assets/light/symlink_folder.png b/assets/light/symlink_folder.png deleted file mode 100644 index 2fb7711a..00000000 Binary files a/assets/light/symlink_folder.png and /dev/null differ diff --git a/assets/light/symlink_folder@2x.png b/assets/light/symlink_folder@2x.png deleted file mode 100644 index eb3d3a2d..00000000 Binary files a/assets/light/symlink_folder@2x.png and /dev/null differ diff --git a/assets/light/tab_active.png b/assets/light/tab_active.png deleted file mode 100644 index 4f1c7b45..00000000 Binary files a/assets/light/tab_active.png and /dev/null differ diff --git a/assets/light/tab_active@2x.png b/assets/light/tab_active@2x.png deleted file mode 100644 index 40ee4941..00000000 Binary files a/assets/light/tab_active@2x.png and /dev/null differ diff --git a/assets/light/tree_highlight.png b/assets/light/tree_highlight.png deleted file mode 100644 index 1e1a993c..00000000 Binary files a/assets/light/tree_highlight.png and /dev/null differ diff --git a/assets/light/tree_highlight@2x.png b/assets/light/tree_highlight@2x.png deleted file mode 100644 index 2ec32455..00000000 Binary files a/assets/light/tree_highlight@2x.png and /dev/null differ diff --git a/assets/light/unfold--hover.png b/assets/light/unfold--hover.png deleted file mode 100644 index 3bfd15f4..00000000 Binary files a/assets/light/unfold--hover.png and /dev/null differ diff --git a/assets/light/unfold--hover@2x.png b/assets/light/unfold--hover@2x.png deleted file mode 100644 index 2daba299..00000000 Binary files a/assets/light/unfold--hover@2x.png and /dev/null differ diff --git a/assets/light/unfold.png b/assets/light/unfold.png deleted file mode 100644 index d0fa4f83..00000000 Binary files a/assets/light/unfold.png and /dev/null differ diff --git a/assets/light/unfold@2x.png b/assets/light/unfold@2x.png deleted file mode 100644 index aa9cc400..00000000 Binary files a/assets/light/unfold@2x.png and /dev/null differ diff --git a/assets/light/word--hover.png b/assets/light/word--hover.png deleted file mode 100644 index 44cd6963..00000000 Binary files a/assets/light/word--hover.png and /dev/null differ diff --git a/assets/light/word--hover@2x.png b/assets/light/word--hover@2x.png deleted file mode 100644 index f65e6e38..00000000 Binary files a/assets/light/word--hover@2x.png and /dev/null differ diff --git a/assets/light/word.png b/assets/light/word.png deleted file mode 100644 index 402a3948..00000000 Binary files a/assets/light/word.png and /dev/null differ diff --git a/assets/light/word@2x.png b/assets/light/word@2x.png deleted file mode 100644 index 818d1bc0..00000000 Binary files a/assets/light/word@2x.png and /dev/null differ diff --git a/assets/light/wrap--hover.png b/assets/light/wrap--hover.png deleted file mode 100644 index d0a73457..00000000 Binary files a/assets/light/wrap--hover.png and /dev/null differ diff --git a/assets/light/wrap--hover@2x.png b/assets/light/wrap--hover@2x.png deleted file mode 100644 index a276b0d7..00000000 Binary files a/assets/light/wrap--hover@2x.png and /dev/null differ diff --git a/assets/light/wrap.png b/assets/light/wrap.png deleted file mode 100644 index cf57aa80..00000000 Binary files a/assets/light/wrap.png and /dev/null differ diff --git a/assets/light/wrap@2x.png b/assets/light/wrap@2x.png deleted file mode 100644 index beb0be7a..00000000 Binary files a/assets/light/wrap@2x.png and /dev/null differ diff --git a/assets/matchcase.png b/assets/matchcase.png new file mode 100644 index 00000000..fc62ee45 Binary files /dev/null and b/assets/matchcase.png differ diff --git a/assets/matchcase@2x.png b/assets/matchcase@2x.png new file mode 100644 index 00000000..ebfc161f Binary files /dev/null and b/assets/matchcase@2x.png differ diff --git a/assets/overflow-menu.png b/assets/overflow-menu.png new file mode 100644 index 00000000..f6d45709 Binary files /dev/null and b/assets/overflow-menu.png differ diff --git a/assets/overflow-menu@2x.png b/assets/overflow-menu@2x.png new file mode 100644 index 00000000..9037d87a Binary files /dev/null and b/assets/overflow-menu@2x.png differ diff --git a/assets/overlay-bg.png b/assets/overlay-bg.png new file mode 100644 index 00000000..81cb6b0a Binary files /dev/null and b/assets/overlay-bg.png differ diff --git a/assets/overlay-bg@2x.png b/assets/overlay-bg@2x.png new file mode 100644 index 00000000..9605b43f Binary files /dev/null and b/assets/overlay-bg@2x.png differ diff --git a/assets/overlay-shadow.png b/assets/overlay-shadow.png new file mode 100644 index 00000000..f89bb627 Binary files /dev/null and b/assets/overlay-shadow.png differ diff --git a/assets/overlay-shadow@2x.png b/assets/overlay-shadow@2x.png new file mode 100644 index 00000000..80f066a6 Binary files /dev/null and b/assets/overlay-shadow@2x.png differ diff --git a/assets/regex.png b/assets/regex.png new file mode 100644 index 00000000..b9fbe183 Binary files /dev/null and b/assets/regex.png differ diff --git a/assets/regex@2x.png b/assets/regex@2x.png new file mode 100644 index 00000000..1b82883a Binary files /dev/null and b/assets/regex@2x.png differ diff --git a/assets/replace-preserve-case.png b/assets/replace-preserve-case.png new file mode 100644 index 00000000..2a6d6cdd Binary files /dev/null and b/assets/replace-preserve-case.png differ diff --git a/assets/replace-preserve-case@2x.png b/assets/replace-preserve-case@2x.png new file mode 100644 index 00000000..dcbe7247 Binary files /dev/null and b/assets/replace-preserve-case@2x.png differ diff --git a/assets/reverse.png b/assets/reverse.png new file mode 100644 index 00000000..5ad88875 Binary files /dev/null and b/assets/reverse.png differ diff --git a/assets/reverse@2x.png b/assets/reverse@2x.png new file mode 100644 index 00000000..44b406a6 Binary files /dev/null and b/assets/reverse@2x.png differ diff --git a/assets/separator-bottom.png b/assets/separator-bottom.png new file mode 100644 index 00000000..e227120b Binary files /dev/null and b/assets/separator-bottom.png differ diff --git a/assets/separator-bottom@2x.png b/assets/separator-bottom@2x.png new file mode 100644 index 00000000..676e25ec Binary files /dev/null and b/assets/separator-bottom@2x.png differ diff --git a/assets/separator-right.png b/assets/separator-right.png new file mode 100644 index 00000000..98b41ed7 Binary files /dev/null and b/assets/separator-right.png differ diff --git a/assets/separator-right@2x.png b/assets/separator-right@2x.png new file mode 100644 index 00000000..358d0f02 Binary files /dev/null and b/assets/separator-right@2x.png differ diff --git a/assets/separator-top.png b/assets/separator-top.png new file mode 100644 index 00000000..8f041a23 Binary files /dev/null and b/assets/separator-top.png differ diff --git a/assets/separator-top@2x.png b/assets/separator-top@2x.png new file mode 100644 index 00000000..86cb7a7b Binary files /dev/null and b/assets/separator-top@2x.png differ diff --git a/assets/spinner.png b/assets/spinner.png new file mode 100644 index 00000000..b27d6ef6 Binary files /dev/null and b/assets/spinner.png differ diff --git a/assets/spinner1.png b/assets/spinner1.png new file mode 100644 index 00000000..fb090968 Binary files /dev/null and b/assets/spinner1.png differ diff --git a/assets/spinner10.png b/assets/spinner10.png new file mode 100644 index 00000000..a33ead30 Binary files /dev/null and b/assets/spinner10.png differ diff --git a/assets/spinner10@2x.png b/assets/spinner10@2x.png new file mode 100644 index 00000000..44f30f33 Binary files /dev/null and b/assets/spinner10@2x.png differ diff --git a/assets/spinner11.png b/assets/spinner11.png new file mode 100644 index 00000000..9e402d92 Binary files /dev/null and b/assets/spinner11.png differ diff --git a/assets/spinner11@2x.png b/assets/spinner11@2x.png new file mode 100644 index 00000000..1f5cda41 Binary files /dev/null and b/assets/spinner11@2x.png differ diff --git a/assets/spinner1@2x.png b/assets/spinner1@2x.png new file mode 100644 index 00000000..cbbef35c Binary files /dev/null and b/assets/spinner1@2x.png differ diff --git a/assets/spinner2.png b/assets/spinner2.png new file mode 100644 index 00000000..87ccd0ee Binary files /dev/null and b/assets/spinner2.png differ diff --git a/assets/spinner2@2x.png b/assets/spinner2@2x.png new file mode 100644 index 00000000..70d3b40a Binary files /dev/null and b/assets/spinner2@2x.png differ diff --git a/assets/spinner3.png b/assets/spinner3.png new file mode 100644 index 00000000..28c4f4c4 Binary files /dev/null and b/assets/spinner3.png differ diff --git a/assets/spinner3@2x.png b/assets/spinner3@2x.png new file mode 100644 index 00000000..244ad9ec Binary files /dev/null and b/assets/spinner3@2x.png differ diff --git a/assets/spinner4.png b/assets/spinner4.png new file mode 100644 index 00000000..fcaadf2d Binary files /dev/null and b/assets/spinner4.png differ diff --git a/assets/spinner4@2x.png b/assets/spinner4@2x.png new file mode 100644 index 00000000..64c50e92 Binary files /dev/null and b/assets/spinner4@2x.png differ diff --git a/assets/spinner5.png b/assets/spinner5.png new file mode 100644 index 00000000..dc6ecbcc Binary files /dev/null and b/assets/spinner5.png differ diff --git a/assets/spinner5@2x.png b/assets/spinner5@2x.png new file mode 100644 index 00000000..6e18aa07 Binary files /dev/null and b/assets/spinner5@2x.png differ diff --git a/assets/spinner6.png b/assets/spinner6.png new file mode 100644 index 00000000..dbf27053 Binary files /dev/null and b/assets/spinner6.png differ diff --git a/assets/spinner6@2x.png b/assets/spinner6@2x.png new file mode 100644 index 00000000..14276a9e Binary files /dev/null and b/assets/spinner6@2x.png differ diff --git a/assets/spinner7.png b/assets/spinner7.png new file mode 100644 index 00000000..908eb9cf Binary files /dev/null and b/assets/spinner7.png differ diff --git a/assets/spinner7@2x.png b/assets/spinner7@2x.png new file mode 100644 index 00000000..bf6f5c6f Binary files /dev/null and b/assets/spinner7@2x.png differ diff --git a/assets/spinner8.png b/assets/spinner8.png new file mode 100644 index 00000000..ef3d406d Binary files /dev/null and b/assets/spinner8.png differ diff --git a/assets/spinner8@2x.png b/assets/spinner8@2x.png new file mode 100644 index 00000000..29fcbff0 Binary files /dev/null and b/assets/spinner8@2x.png differ diff --git a/assets/spinner9.png b/assets/spinner9.png new file mode 100644 index 00000000..cb5f31fb Binary files /dev/null and b/assets/spinner9.png differ diff --git a/assets/spinner9@2x.png b/assets/spinner9@2x.png new file mode 100644 index 00000000..243b1908 Binary files /dev/null and b/assets/spinner9@2x.png differ diff --git a/assets/spinner@2x.png b/assets/spinner@2x.png new file mode 100644 index 00000000..1094d6fd Binary files /dev/null and b/assets/spinner@2x.png differ diff --git a/assets/tree-highlight.png b/assets/tree-highlight.png new file mode 100644 index 00000000..b7b5737d Binary files /dev/null and b/assets/tree-highlight.png differ diff --git a/assets/tree-highlight@2x.png b/assets/tree-highlight@2x.png new file mode 100644 index 00000000..5c660f0b Binary files /dev/null and b/assets/tree-highlight@2x.png differ diff --git a/assets/unfold.png b/assets/unfold.png new file mode 100644 index 00000000..2da87679 Binary files /dev/null and b/assets/unfold.png differ diff --git a/assets/unfold@2x.png b/assets/unfold@2x.png new file mode 100644 index 00000000..bed8de05 Binary files /dev/null and b/assets/unfold@2x.png differ diff --git a/assets/word.png b/assets/word.png new file mode 100644 index 00000000..96242cab Binary files /dev/null and b/assets/word.png differ diff --git a/assets/word@2x.png b/assets/word@2x.png new file mode 100644 index 00000000..1077e97a Binary files /dev/null and b/assets/word@2x.png differ diff --git a/assets/wrap.png b/assets/wrap.png new file mode 100644 index 00000000..0ea74407 Binary files /dev/null and b/assets/wrap.png differ diff --git a/assets/wrap@2x.png b/assets/wrap@2x.png new file mode 100644 index 00000000..ee8d9713 Binary files /dev/null and b/assets/wrap@2x.png differ diff --git a/ayu-dark.sublime-theme b/ayu-dark.sublime-theme new file mode 100644 index 00000000..9ff8b9c2 --- /dev/null +++ b/ayu-dark.sublime-theme @@ -0,0 +1,1348 @@ +// prefix="" +// sublime="" +// ext="sublime-theme" +[ + + /* @ EMPTY WINDOW + * Style for empty (no tabs) window + ========================================================================= */ + + { + "class" : "sheet_container_control", + "layer0.tint" : [15, 20, 25], + "layer0.opacity" : 1 + }, + + + /* @ GRID LAYOUT + * Grid style + ========================================================================= */ + + { + "class": "grid_layout_control", + "border_size": 0, + "border_color": [29, 36, 44] + }, + { + "class": "grid_layout_control", + "settings": ["ui_separator"], + "border_size": 1 + }, + + /* @ DIALOG POPUP + * Dialog popup style and progressbar + ========================================================================= */ + // !!! + { + "class": "progress_gauge_control", + "layer0.tint": [242, 151, 24], + "layer0.opacity": 1.0, + "content_margin": [0, 6] + }, + + { + "class": "dialog", + "layer0.tint": [15, 20, 25], + "layer0.opacity": 1.0 + }, + + { + "class": "progress_bar_control", + "layer0.tint": [15, 20, 25], + "layer0.opacity": 1.0 + }, + + + /* @ CODE FOLDING + * Folding arrow setting and behavioring + ========================================================================= */ + { + "class": "fold_button_control", + "layer0.texture": "ayu/assets/unfold.png", + "layer0.opacity": 1.0, + "layer0.inner_margin": 0, + "layer0.tint": [62, 75, 89], + "content_margin": [8, 6, 8, 6] + }, + + { + "class": "fold_button_control", + "attributes": ["hover"], + "layer0.tint": [242, 151, 24], + }, + + { + "class": "fold_button_control", + "attributes": ["expanded"], + "layer0.texture": "ayu/assets/fold.png" + }, + + + /* @ AUTOCOMPLETE + * Autocomplete popup setting and behavioring + ========================================================================= */ + + { + "class": "popup_control", + "layer0.tint": [20, 25, 31], + "layer0.opacity": 1.0, + "content_margin": [0, 0] + }, + + { + "class": "auto_complete", + "row_padding": [12, 6], + "layer0.tint": [20, 25, 31], + "layer0.opacity": 1.0 + }, + + { + "class": "auto_complete_label", + "fg": [62, 75, 89], + "match_fg": [242, 151, 24], + "selected_fg": [230, 225, 207], + "selected_match_fg": [242, 151, 24] + }, + + { + "class": "table_row", + "layer0.tint": [25, 31, 38], + "layer0.opacity": 0.0 + }, + + { + "class": "table_row", + "attributes": ["selected"], + "layer0.opacity": 1.0 + }, + + + /* @ TOOLTIP + * Tooltip setting and behavioring + ========================================================================= */ + + { + "class": "tool_tip_control", + "layer0.tint": [15, 20, 25], + "layer0.inner_margin": [0, 0], + "layer0.opacity": 1.0, + "content_margin": [10, 6] + }, + + { + "class": "tool_tip_label_control", + "color": [62, 75, 89], + "font.face": "Roboto mono", + "font.size": 12 + }, + + + /* @OVERLAY PANELS + * Overlay panels setting and behavioring + ========================================================================= */ + + // Command Panel + { + "class": "overlay_control", + "layer0.texture": "ayu/assets/overlay-shadow.png", + "layer0.inner_margin": [25, 45, 25, 35], + "layer0.opacity": 1.0, + "layer0.tint": [0, 0, 0], + + "layer1.texture": "ayu/assets/overlay-bg.png", + "layer1.inner_margin": [25, 45, 25, 35], + "layer1.opacity": 1.0, + "layer1.tint": [20, 25, 31], + + "content_margin": [20, 45, 20, 35] + }, + + // Command Panel list item style (cmd + shift + p) + + { + "class": "mini_quick_panel_row", + "layer0.tint": [15, 20, 25, 0], + "layer0.inner_margin": [2, 2, 2, 2], + "layer0.opacity": 1.0 + }, + + // Command Panel selected list item style (cmd + p) + + { + "class": "mini_quick_panel_row", + "attributes": ["selected"], + "layer0.tint": [25, 31, 38] + }, + + // Quick panel project setting (project manager) (cmd + ctrl + p) + + { + "class": "quick_panel", + "row_padding": [32, 12], + "layer0.tint": [20, 25, 31], + "layer0.opacity": 1.0 + }, + + // Quick Panel row default style (project manager) + + { + "class": "quick_panel_row", + "layer0.texture": "", + "layer0.tint": [20, 25, 31], + "layer0.inner_margin": 0, + "layer0.opacity": 1.0 + }, + + // Row panel style inside comman panel (cmd + p) + + { + "class": "quick_panel_row", + "parents": [{"class": "overlay_control"}], + "layer0.tint": [20, 25, 31], + "layer0.opacity": 1.0 + }, + + // Quick panel (project) style inside overlay_control (cmd + shift + p) + + { + "class": "quick_panel", + "parents": [{"class": "overlay_control"}], + "row_padding": [10, 7], + "layer0.tint": [20, 25, 31], + "layer0.opacity": 1.0 + }, + + // Quick Panel selected list item style + + { + "class": "quick_panel_row", + "attributes": ["selected"], + "layer0.tint": [25, 31, 38] + }, + + // Panel labels + + { + "class": "quick_panel_label", + "fg": [62, 75, 89], + "match_fg": [242, 151, 24], + "selected_fg": [230, 225, 207], + "selected_match_fg": [242, 151, 24] + }, + + // Panel labels + + { + "class": "quick_panel_label", + "parents": [{"class": "overlay_control"}], + "fg": [62, 75, 89], + "match_fg": [242, 151, 24], + "selected_fg": [230, 225, 207], + "selected_match_fg": [242, 151, 24] + }, + + // Panels sublabels + + { + "class": "quick_panel_path_label", + "fg": [66, 80, 94], + "match_fg": [230, 225, 207], + "selected_fg": [62, 75, 89], + "selected_match_fg": [230, 225, 207] + }, + + // Panels data / score + + { + "class": "quick_panel_score_label", + "fg": [62, 75, 89], + "selected_fg": [62, 75, 89] + }, + + + + /* @ TABS + * Tabs settings and behavioring + ========================================================================= */ + + { + "class": "tabset_control", + "tab_overlap": 0, + "tab_width": 50, + "tab_min_width": 50, + "tab_height": 30, + "mouse_wheel_switch": false, + + "layer0.opacity": 1.0, + "layer0.tint": [15, 20, 25], + "content_margin": [10, 0] + }, + { + "class": "tabset_control", + "settings": ["mouse_wheel_switches_tabs", "!enable_tab_scrolling"], + "mouse_wheel_switch": true + }, + { + "class": "tabset_control", + "settings": ["ui_separator"], + "content_margin": [0, 0, 0, 0], + "layer1.opacity": 0.3, + "layer1.texture": "ayu/assets/separator-bottom.png", + "layer1.tint": [62, 75, 89], + "layer1.inner_margin": [1, 0, 1, 2] + }, + { + "class": "tabset_control", + "settings": ["ui_big_tabs"], + "tab_height": 44 + }, + + // Tabs + { + "class": "tab_control", + + "layer0.tint": [15, 20, 25], + "layer0.opacity": 1.0, + + "layer1.texture": "", + + "layer2.texture": "ayu/assets/separator-bottom.png", + "layer2.tint": [242, 151, 24], + "layer2.inner_margin": [1, 0, 1, 2], + "layer2.opacity": 0.0, + + "layer3.texture": "", + + "content_margin": [10, -2, 10, 0], + "max_margin_trim": 12 + }, + { + "class": "tab_control", + "settings": ["ui_separator"], + + "layer1.texture": "ayu/assets/separator-right.png", + "layer1.tint": [62, 75, 89], + "layer1.inner_margin": [0, 1, 2, 1], + "layer1.opacity": 0.3, + + "layer3.texture": "ayu/assets/separator-bottom.png", + "layer3.tint": [62, 75, 89], + "layer3.inner_margin": [1, 0, 1, 2], + "layer3.opacity": 0.3 + }, + { + "class": "tab_control", + "settings": ["ui_big_tabs"], + "content_margin": [15, -2, 15, 0] + }, + + // Selected current tab + + { + "class": "tab_control", "attributes": ["selected"], + "layer2.opacity": 1.0, + "layer3.opacity": 0.0 + }, + + // Hovered current tab + + { + "class": "tab_control", "attributes": ["hover"], + "layer2.opacity": 0.3 + }, + + // Selected current tab + + { + "class": "tab_control", "attributes": ["selected","hover"], + "layer2.opacity": 1.0 + }, + + // Tab Labels + + { + "class": "tab_label", + "fg": [15, 20, 25, 0], + "shadow_color": [62, 75, 89], + "shadow_offset": [0, -1], + "font.size": 12, + "font.italic": false, + "font.bold": false, + "font.face": "Roboto mono" + }, + { + "class": "tab_label", + "fg": [62, 75, 89], + "settings": ["ui_fix_tab_labels"], + "shadow_color": [15, 20, 25, 0], + "shadow_offset": [0, 0] + }, + + // Tab selected label color + + { + "class": "tab_label", + "parents": [{"class": "tab_control", "attributes": ["selected"]}], + "fg": [15, 20, 25, 0], + "shadow_color": [230, 225, 207], + "shadow_offset": [0, -1], + }, + { + "class": "tab_label", + "settings": ["ui_fix_tab_labels"], + "parents": [{"class": "tab_control", "attributes": ["selected"]}], + "fg": [230, 225, 207], + "shadow_color": [15, 20, 25, 0], + "shadow_offset": [0, 0] + }, + + { + "class": "tab_label", + "attributes": ["transient"], + "font.italic": true + }, + + // Tab Close Buttons + { + "class": "tab_close_button", + "content_margin": [0, 0], + + // Close Icon + "layer0.texture": "ayu/assets/close.png", + "layer0.tint": [62, 75, 89], + "layer0.opacity": 1.0, + + // Dirty Icon + "layer1.texture": "ayu/assets/dirty.png", + "layer1.tint": [62, 75, 89], + "layer1.opacity": 0, + }, + + // Default + { + "class": "tab_close_button", + "settings": ["show_tab_close_buttons"], + "content_margin": [8, 8] + }, + + // Default hover + { + "class": "tab_close_button", + "settings": ["show_tab_close_buttons"], + "attributes": ["hover"], + "layer0.tint": [242, 151, 24] + }, + + // Dirty tab + { + "class": "tab_close_button", + "parents": [{"class": "tab_control", "attributes": ["dirty"]}], + "layer0.opacity": 0, // Close Icon + "layer1.opacity": 1.0, // dirty Icon + "content_margin": [8, 8] + }, + + // Dirty tab on hover + { + "class": "tab_close_button", + "parents": [{"class": "tab_control", "attributes": ["dirty"]}], + "attributes": ["hover"], + "layer0.opacity": 1.0, // Close Icon + "layer1.opacity": 0 // Close Icon + }, + + // Selected dirty tab + { + "class": "tab_close_button", + "parents": [{"class": "tab_control", "attributes": ["selected", "dirty"]}], + "layer0.opacity": 0, // Close Icon + "layer1.opacity": 1.0, // Dirty Icon + "layer1.tint": [242, 151, 24] + }, + + // Selected dirty tab on hover + { + "class": "tab_close_button", + "parents": [{"class": "tab_control", "attributes": ["selected", "dirty"]}], + "attributes": ["hover"], + "layer0.opacity": 1.0, + "layer1.opacity": 0 + }, + + // tab set scroll left | scroll right + { + "class": "scroll_tabs_left_button", + "content_margin": [12, 15], + "layer0.texture": "ayu/assets/arrow-left.png", + "layer0.tint": [62, 75, 89], + "layer0.opacity": 1.0 + }, + + { + "class": "scroll_tabs_left_button", + "attributes": ["hover"], + "layer0.tint": [242, 151, 24] + }, + + { + "class": "scroll_tabs_right_button", + "content_margin": [12, 15], + "layer0.texture": "ayu/assets/arrow-right.png", + "layer0.tint": [62, 75, 89], + "layer0.opacity": 1.0 + }, + { + "class": "scroll_tabs_right_button", + "settings": ["ui_separator"], + "layer2.texture": "ayu/assets/separator-right.png", + "layer2.tint": [62, 75, 89], + "layer2.opacity": 0.3, + "layer2.inner_margin" : [0, 1, 2, 1] + }, + + { + "class": "scroll_tabs_right_button", + "attributes": ["hover"], + "layer0.tint": [242, 151, 24] + }, + + { + "class": "show_tabs_dropdown_button", + "content_margin": [12, 12], + "layer0.texture": "ayu/assets/overflow-menu.png", + "layer0.tint": [62, 75, 89], + "layer0.opacity": 1.0, + "layer0.inner_margin": [0, 0] + }, + + { + "class": "show_tabs_dropdown_button", + "attributes": ["hover"], + "layer0.tint": [242, 151, 24] + }, + + + /* @ SIDEBAR + * Sidebar panel settings and behavioring + ========================================================================= */ + + { + "class": "sidebar_container", + "content_margin": [0, -10, 0, 0], + "layer0.opacity": 1, + "layer0.tint": [15, 20, 25] + }, + { + "class": "sidebar_container", + "settings": ["ui_separator"], + "layer1.texture": "ayu/assets/separator-right.png", + "layer1.tint": [62, 75, 89], + "layer1.inner_margin": [0, 1, 2, 1], + "layer1.opacity": 0.3 + }, + + { + "class": "sidebar_tree", + "row_padding": [20, 6], + "indent": 12, + "indent_offset": 0, + "indent_top_level": false, + "dark_content": false + }, + + { + "class": "sidebar_heading", + "color": [15, 20, 25], + "font.face": "Roboto mono", + "font.bold": true, + "font.size": 11 + }, + + { + "class": "tree_row", + "layer1.texture": "ayu/assets/tree-highlight.png", + "layer1.opacity": { "target": 0.0, "speed": 5.0, "interpolation": "smoothstep" }, + "layer1.tint": [242, 151, 24], + "layer1.inner_margin": [5, 0, 0, 0] + }, + + { + "class": "tree_row", + "attributes": ["selected"], + "layer1.opacity": { "target": 1.0, "speed": 5.0, "interpolation": "smoothstep" } + }, + + { + "class": "sidebar_label", + "color": [62, 75, 89], + "shadow_color": [0, 0, 0], + "shadow_offset": [0, 0], + "font.face": "Roboto mono", + "font.size": 12 + }, + + { + "class": "sidebar_label", + "parents": [{"class": "tree_row","attributes": ["hover"]}], + "color": [230, 225, 207] + }, + + { + "class": "sidebar_label", + "parents": [{"class": "tree_row","attributes": ["selected"]}], + "color": [230, 225, 207], + "shadow_color": [0, 0, 0], + "shadow_offset": [0, 0] + }, + + { + "class": "sidebar_label", + "parents": [{"class": "tree_row","attributes": ["expandable"]}], + "color": [62, 75, 89], + "font.bold": false + }, + + { + "class": "sidebar_label", + "parents": [{"class": "tree_row", "attributes": ["expandable"]}], + "settings": ["bold_folder_labels"], + "font.bold": true + }, + + { + "class": "sidebar_label", + "parents": [{"class": "tree_row", "attributes": ["expandable", "hover"]}], + "color": [230, 225, 207] + }, + + { + "class": "sidebar_label", + "parents": [{"class": "tree_row", "attributes": ["expanded"]}], + "color": [230, 225, 207] + }, + + { + "class": "sidebar_label", + "parents": [{"class": "tree_row", "attributes": ["expanded"]}], + "settings": ["bold_folder_labels"], + "font.bold": true + }, + + // { + // "class": "sidebar_label", + // "parents": [{"class": "tree_row", "attributes": ["expanded", "selected"]}], + // "color": [230, 225, 207] + // }, + + { + "class": "sidebar_label", + "attributes": ["transient"], + "font.italic": false + }, + + // File icons and folder + + { + "class": "icon_file_type", + // layer0.texture is filled in by code with the relevant icon name + "layer0.opacity": 0.8, + "layer0.inner_margin": [0, 2, 0, -2], + "content_margin": [9, 9] + }, + { + "class": "icon_file_type", + "parents": [{"class": "tree_row", "attributes": ["selected"]}], + "layer0.opacity": 1 + }, + { + "class": "icon_file_type", + "parents": [{"class": "tree_row", "attributes": ["hover"]}], + "layer0.opacity": 1 + }, + + // Secondary folder icon (original) used as main folder icon + + { + "class": "icon_folder", + "content_margin": [9, 9], + "layer0.tint": [15, 20, 25], + "layer0.opacity": 0, + + "layer1.texture": "ayu/assets/folder.png", + "layer1.tint": [62, 75, 89], + "layer1.opacity": 1, + + "layer2.texture": "ayu/assets/folder-open.png", + "layer2.tint": [242, 151, 24], + "layer2.opacity": 0.0 + }, + + { + "class": "icon_folder", + "parents": [{ "class": "tree_row", "attributes": ["expanded"] }], + "layer1.opacity": 0.0, + "layer2.opacity": 1.0 + }, + + { + "class": "icon_folder", + "parents": [{ "class": "tree_row", "attributes": ["hover"] }], + "layer1.tint": [242, 151, 24] + }, + + { + "class": "icon_folder", + "parents": [{ "class": "tree_row", "attributes": ["expanded", "hover"] }], + "layer2.texture": { + "keyframes": [ + "ayu/assets/folder-open-1.png", + "ayu/assets/folder-open-1.png", + "ayu/assets/folder-open-2.png", + "ayu/assets/folder-open-3.png", + "ayu/assets/folder-open-4.png", + "ayu/assets/folder-open-5.png", + "ayu/assets/folder-open-5.png", + "ayu/assets/folder-open-5.png", + "ayu/assets/folder-open-6.png", + "ayu/assets/folder-open-6.png", + "ayu/assets/folder-open-6.png", + "ayu/assets/folder-open-6.png", + "ayu/assets/folder-open.png" + ], + "loop": false, + "frame_time": 0.020 + }, + "layer1.opacity": 0.0, + "layer2.opacity": 1.0 + }, + + { + "class": "icon_folder", + "parents": [{ "class": "tree_row", "attributes": ["selected"] }], + "layer1.tint": [242, 151, 24] + }, + + { + "class": "icon_folder_loading", + "layer1.texture": { + "keyframes": [ + "ayu/assets/spinner11.png", + "ayu/assets/spinner10.png", + "ayu/assets/spinner9.png", + "ayu/assets/spinner8.png", + "ayu/assets/spinner7.png", + "ayu/assets/spinner6.png", + "ayu/assets/spinner5.png", + "ayu/assets/spinner4.png", + "ayu/assets/spinner3.png", + "ayu/assets/spinner2.png", + "ayu/assets/spinner1.png", + "ayu/assets/spinner.png" + ], + "loop": true, + "frame_time": 0.075 + }, + "layer1.tint": [242, 151, 24], + + "layer0.opacity": 0.0, + "content_margin": [8, 8] + }, + + // Symlink folder icon + { + "class": "icon_folder_dup", + "content_margin": [9, 9], + "layer0.texture": "ayu/assets/folder.png", + "layer0.tint": [62, 75, 89], + "layer0.opacity": 1.0, + + "layer1.texture": "ayu/assets/folder-symlink.png", + "layer1.tint": [62, 75, 89], + "layer1.opacity": 0.3 + }, + + { + "class": "icon_folder_dup", + "parents": [{ "class": "tree_row", "attributes": ["hover"]}], + "layer0.tint": [242, 151, 24] + }, + + { + "class": "icon_folder_dup", + "parents": [{"class": "tree_row", "attributes": ["expanded"] }], + "layer0.tint": [242, 151, 24] + }, + + // Hidden arrow icon before folder + + { + "class": "disclosure_button_control", + "content_margin": [0, 0, 0, 0] + }, + + // Opened files + { + "class": "close_button", + "content_margin": [8, 8], + + // Default Close icon + "layer0.texture": "ayu/assets/close.png", + "layer0.opacity": 0, + "layer0.inner_margin": [0, 0], + "layer0.tint": [62, 75, 89] + }, + + + // Opened file hover + + { + "class": "close_button", + "parents": [{ "class": "tree_row", "attributes": ["hover"] }], + // Default Close icon + "layer0.opacity": 0.6 + }, + + { + "class": "close_button", + "attributes": ["dirty"], + "layer0.texture": "ayu/assets/dirty.png", + "layer0.tint": [62, 75, 89], + "layer0.opacity": 1.0 + }, + + { + "class": "close_button", + "attributes": ["hover"], + "layer0.opacity": 1.0, + "layer0.tint": [242, 151, 24] + }, + + + /* @ 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], + "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], + "blur": false + }, + + // Normal horizontal scrollbar track + + { + "class": "scroll_bar_control", + "attributes": ["horizontal"], + "layer0.texture": "", + "layer0.tint" : [15, 20, 25], + "layer0.inner_margin": [0, 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 + }, + + // 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], + "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], + "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 + }, + + + { + "class": "scroll_area_control", + "parents": [{"class": "overlay_control"}], + "settings": ["overlay_scroll_bars"], + "overlay": true // set to false for the original behavior + }, + + { + "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"], + "layer0.tint": [28, 31, 38], + "layer0.inner_margin": [0, 5], + "blur": false + }, + + { + "class": "scroll_bar_control", + "settings": ["overlay_scroll_bars"], + "attributes": ["horizontal"], + "layer0.inner_margin": [5, 0], + "blur": true + }, + + + /* @ MINIMAP + * Minimap settings and behavioring + ========================================================================= */ + + { + "class": "minimap_control", + "settings": ["always_show_minimap_viewport"], + "viewport_color": [100, 100, 100], + "viewport_opacity": 0.3 + }, + + { + "class": "minimap_control", + "settings": ["!always_show_minimap_viewport"], + "viewport_color": [100, 100, 100], + "viewport_opacity": { "target": 0, "speed": 4.0, "interpolation": "smoothstep" } + }, + + { + "class": "minimap_control", + "attributes": ["hover"], + "settings": ["!always_show_minimap_viewport"], + "viewport_opacity": { "target": 0.2, "speed": 4.0, "interpolation": "smoothstep" } + }, + + + /* @ STATUS BAR + * Status bar settings and behavioring + ========================================================================= */ + + // All labels + + { + "class": "label_control", + "color": [62, 75, 89], + "shadow_color": [0, 0, 0, 0], + "shadow_offset": [0, 0], + "font.bold": false, + "font.face": "Roboto mono", + "font.size": 12 + }, + + // Status bar labels + + { + "class": "label_control", + "parents": [{"class": "status_bar"}], + "color": [62, 75, 89], + "font.bold": false + }, + + // Text field labels + + { + "class": "status_bar", + "layer0.texture": "", + "layer0.tint": [15, 20, 25], + "layer0.opacity": 1, + "layer1.texture": "ayu/assets/separator-top.png", + "layer1.inner_margin": [1, 2, 1, 0], + "content_margin": [10, 0] + }, + { + "class": "status_bar", + "settings": ["ui_separator"], + "layer0.tint": [20, 25, 31] + // "layer1.opacity": 0.3 + }, + + { + "class": "status_container", + "content_margin": [0, 5] + }, + + { + "class": "status_button", + "min_size": [100, 0] + }, + + + /* @ WIDGET PANEL + * Widget, input, buttons settings and behavioring + ========================================================================= */ + + + // Status bar panel + { + "class": "panel_control", + "layer0.tint": [15, 20, 25], + "layer0.opacity": 1.0, + "content_margin": [0, 5] + }, + { + "class": "panel_control", + "settings": ["ui_separator"], + "layer0.tint": [20, 25, 31], + "layer1.texture": "ayu/assets/separator-top.png", + "layer1.tint": [62, 75, 89], + "layer1.inner_margin": [1, 2, 1, 0], + "layer1.opacity": 0.3 + }, + + // Status bar panel close icon + + { + "class": "panel_close_button", + "layer0.texture": "ayu/assets/close.png", + "layer0.opacity": 1.0, + "layer0.tint": [62, 75, 89], + "content_margin": [0, 0] // 8,8 to show + }, + // !!! + { + "class": "panel_close_button", + "attributes": ["hover"], + "layer0.tint": [242, 151, 24] + }, + + // Texline input + + { + "class": "text_line_control", + "layer0.texture": "ayu/assets/input-bg.png", + "layer0.opacity": 1, + "layer0.inner_margin": [10, 8], + "layer0.tint": [20, 25, 31], + + "layer1.texture": "ayu/assets/input-border.png", + "layer1.opacity": 0.3, + "layer1.inner_margin": [10, 8], + "layer1.tint": [62, 75, 89], + "content_margin": [10, 7, 10, 5] + }, + + + // Textline input inside overlay panels + + { + "class": "text_line_control", + "parents": [{"class": "overlay_control"}], + "layer0.texture": "", + "layer0.opacity": 0, + "layer1.texture": "ayu/assets/input-search.png", + "layer1.opacity": 1, + "layer1.tint": [242, 151, 24], + "layer1.inner_margin": [35, 0, 0, 0], + "content_margin": [43, 7, 10, 4] + }, + + // Textline input oveflow menu + { + "class": "dropdown_button_control", + "content_margin": [12, 12], + "layer0.texture": "ayu/assets/overflow-menu.png", + "layer0.tint": [62, 75, 89], + "layer0.opacity": 1.0 + }, + { + "class": "dropdown_button_control", + "attributes": ["hover"], + "layer0.tint": [242, 151, 24] + }, + + + /* @ BUTTONS + * Buttons panels settings and behavioring + ========================================================================= */ + + + // Button labels + + { + "class": "button_control", + "content_margin": [15, 9, 15, 10], + "min_size": [60, 0], + "layer0.tint": [242, 151, 24, 10], + "layer0.texture": "ayu/assets/input-bg.png", + "layer0.inner_margin": [10, 8], + "layer0.opacity": 0 + }, + { + "class": "button_control", + "attributes": ["hover"], + "layer0.opacity": 1 + }, + + { + "class": "label_control", + "parents": [{"class": "button_control"}], + "color": [62, 75, 89] + }, + + { + "class": "label_control", + "parents": [{"class": "button_control", "attributes": ["hover"]}], + "color": [242, 151, 24] + }, + + // !!! + // Small Icon Buttons + { + "class": "icon_button_control", + "layer0.tint": [0, 0, 0], + "layer0.opacity": 0, + "layer2.tint": [230, 225, 207], + "layer2.opacity": { "target": 0.0, "speed": 10.0, "interpolation": "smoothstep" }, + "content_margin": [10, 5] + }, + + + /* Buttons icons settings + ===================================================================== */ + + // Regex Icon + { + "class": "icon_regex", + "layer0.texture": "ayu/assets/regex.png", + "layer0.tint": [62, 75, 89], + "layer0.opacity": 1.0, + "content_margin": [12, 12] + }, + + { + "class": "icon_regex", + "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], + "layer0.tint": [242, 151, 24] + }, + + // Preserve case sensitive + + { + "class": "icon_case", + "layer0.texture": "ayu/assets/matchcase.png", + "layer0.tint": [62, 75, 89], + "layer0.opacity": 1.0, + "content_margin": [12, 12] + }, + + { + "class": "icon_case", + "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], + "layer0.tint": [242, 151, 24] + }, + + // Wholeword + + { + "class": "icon_whole_word", + "layer0.texture": "ayu/assets/word.png", + "layer0.tint": [62, 75, 89], + "layer0.opacity": 1.0, + "content_margin": [12, 12] + }, + + + { + "class": "icon_whole_word", + "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], + "layer0.tint": [242, 151, 24] + }, + + // Wrap + + { + "class": "icon_wrap", + "layer0.texture": "ayu/assets/wrap.png", + "layer0.tint": [62, 75, 89], + "layer0.opacity": 1.0, + "content_margin": [12, 12] + }, + + { + "class": "icon_wrap", + "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], + "layer0.tint": [242, 151, 24] + }, + + // In selection + + { + "class": "icon_in_selection", + "layer0.texture": "ayu/assets/inselection.png", + "layer0.tint": [62, 75, 89], + "layer0.opacity": 1.0, + "content_margin": [12, 12] + }, + + { + "class": "icon_in_selection", + "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], + "layer0.tint": [242, 151, 24] + }, + + // Highlight Result + + { + "class": "icon_highlight", + "layer0.texture": "ayu/assets/highlight.png", + "layer0.tint": [62, 75, 89], + "layer0.opacity": 1.0, + "content_margin": [12, 12] + }, + + { + "class": "icon_highlight", + "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], + "layer0.tint": [242, 151, 24] + }, + + // Preserve Case + + { + "class": "icon_preserve_case", + "layer0.texture": "ayu/assets/replace-preserve-case.png", + "layer0.tint": [62, 75, 89], + "layer0.opacity": 1.0, + "content_margin": [12, 12] + }, + + { + "class": "icon_preserve_case", + "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], + "layer0.tint": [242, 151, 24] + }, + + // Show context + + { + "class": "icon_context", + "layer0.texture": "ayu/assets/context.png", + "layer0.tint": [62, 75, 89], + "layer0.opacity": 1.0, + "content_margin": [12, 12] + }, + + + { + "class": "icon_context", + "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], + "layer0.tint": [242, 151, 24] + }, + + // Use buffer + + { + "class": "icon_use_buffer", + "layer0.texture": "ayu/assets/buffer.png", + "layer0.tint": [62, 75, 89], + "layer0.opacity": 1.0, + "content_margin": [12, 12] + }, + + { + "class": "icon_use_buffer", + "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], + "layer0.tint": [242, 151, 24] + }, + + // Reverse direction + + { + "class": "icon_reverse", + "layer0.texture": "ayu/assets/reverse.png", + "layer0.tint": [62, 75, 89], + "layer0.opacity": 1.0, + "content_margin": [12, 12] + }, + + { + "class": "icon_reverse", + "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], + "layer0.tint": [242, 151, 24] + }, + + + /* Visual settings + ===================================================================== */ + + // UI font sizees + // ============== + { + "class": "tab_label", + "settings": ["ui_font_size_small"], + "font.size": 11 + }, + { + "class": "sidebar_label", + "settings": ["ui_font_size_small"], + "font.size": 11 + }, + { + "class": "label_control", + "settings": ["ui_font_size_small"], + "font.size": 11 + }, + { + "class": "tool_tip_label_control", + "settings": ["ui_font_size_small"], + "font.size": 11 + } +] diff --git a/ayu.tmTheme b/ayu-dark.tmTheme similarity index 96% rename from ayu.tmTheme rename to ayu-dark.tmTheme index a898e3db..a500757f 100644 --- a/ayu.tmTheme +++ b/ayu-dark.tmTheme @@ -22,9 +22,9 @@ caret #F29718 findHighlight - #FFE792 + #FFEE99 findHighlightForeground - #00000050 + #FFFFFF foreground #E6E1CF guide @@ -32,11 +32,13 @@ gutter #0F1419 gutterForeground - #253340 + #2D3640 + inactiveBackground + #0F1419 inactiveSelection #1E2A35 invisibles - #343434 + #FF0000 lineHighlight #151A1F popupCss @@ -63,10 +65,10 @@ a { color: #F07178; } .name { - color: #FFB454; + color: #E6B673; } .param { - color: #FFEE99; + color: #FFB454; } .current { text-decoration: underline; @@ -75,11 +77,11 @@ a { selection #253340 selectionBorder - #253340 + #E6E1CF35 shadow #00000010 stackGuide - #1E2A35 + #1A2633 @@ -147,7 +149,7 @@ a { settings foreground - #E6B673 + #FFB454 @@ -169,7 +171,7 @@ a { settings foreground - #FFE792 + #FFEE99 @@ -241,7 +243,7 @@ a { background #FF7733 foreground - #ffffff + #FFFFFF @@ -353,7 +355,7 @@ a { fontStyle italic foreground - #ffb454 + #E6B673 @@ -376,8 +378,10 @@ a { entity.name.method.js settings + fontStyle + italic foreground - #ffb454 + #E6B673 @@ -388,7 +392,7 @@ a { settings foreground - #ffb454 + #E6B673 @@ -427,7 +431,7 @@ a { fontStyle underline foreground - #FFE792 + #FFEE99 @@ -440,7 +444,7 @@ a { fontStyle strike foreground - #ffb454 + #E6B673 @@ -547,7 +551,7 @@ a { fontStyle underline foreground - #ffb454 + #E6B673 @@ -623,7 +627,7 @@ a { settings foreground - #FF7733 + #36A3D9 @@ -634,7 +638,7 @@ a { settings foreground - #F07178 + #36A3D9 @@ -645,7 +649,7 @@ a { settings foreground - #ffb454 + #36A3D9 @@ -656,7 +660,7 @@ a { settings foreground - #ffb454 + #36A3D9 @@ -678,7 +682,7 @@ a { settings foreground - #FFE792 + #36A3D9 @@ -713,7 +717,7 @@ a { background #36A3D9 foreground - #ffffff + #FFFFFF @@ -726,7 +730,7 @@ a { background #B8CC52 foreground - #ffffff + #FFFFFF @@ -739,7 +743,7 @@ a { background #FF7733 foreground - #ffffff + #FFFFFF @@ -752,7 +756,7 @@ a { background #F07178 foreground - #ffffff + #FFFFFF @@ -774,7 +778,7 @@ a { settings foreground - #ffffff + #FFFFFF @@ -818,7 +822,7 @@ a { settings foreground - #ffffff + #FFFFFF diff --git a/ayu2.sublime-theme b/ayu-dark2.sublime-theme similarity index 88% rename from ayu2.sublime-theme rename to ayu-dark2.sublime-theme index 0fb7b627..d9b6aba3 100644 --- a/ayu2.sublime-theme +++ b/ayu-dark2.sublime-theme @@ -1,3 +1,6 @@ +// prefix="" +// sublime="2" +// ext="sublime-theme" [ /* @ EMPTY WINDOW @@ -18,7 +21,7 @@ { "class": "grid_layout_control", "border_size": 0, - "border_color": [30, 38, 47] + "border_color": [29, 36, 44] }, { "class": "grid_layout_control", @@ -55,27 +58,23 @@ ========================================================================= */ { "class": "fold_button_control", - "layer0.texture": "ayu/assets/dark/unfold.png", + "layer0.texture": "ayu/assets/common/unfold.png", "layer0.opacity": 1.0, "layer0.inner_margin": 0, - "layer1.texture": "ayu/assets/dark/unfold--hover.png", - "layer1.opacity": 0.0, - "layer1.inner_margin": 0, + "layer0.tint": [62, 75, 89], "content_margin": [8, 6, 8, 6] }, { "class": "fold_button_control", "attributes": ["hover"], - "layer0.opacity": 0.0, - "layer1.opacity": 1.0 + "layer0.tint": [242, 151, 24] }, { "class": "fold_button_control", "attributes": ["expanded"], - "layer0.texture": "ayu/assets/dark/fold.png", - "layer1.texture": "ayu/assets/dark/fold--hover.png" + "layer0.texture": "ayu/assets/common/fold.png" }, @@ -99,7 +98,7 @@ { "class": "auto_complete_label", - "fg": [92, 103, 115], + "fg": [62, 75, 89], "match_fg": [242, 151, 24], "selected_fg": [230, 225, 207], "selected_match_fg": [242, 151, 24] @@ -132,7 +131,7 @@ { "class": "tool_tip_label_control", - "color": [66, 80, 94], + "color": [62, 75, 89], "font.face": "Roboto mono", "font.size": 12 }, @@ -145,9 +144,16 @@ // Command Panel { "class": "overlay_control", - "layer0.texture": "ayu/assets/dark/overlay_bg.png", + "layer0.texture": "ayu/assets/common/overlay-shadow.png", "layer0.inner_margin": [25, 45, 25, 35], "layer0.opacity": 1.0, + "layer0.tint": [0, 0, 0], + + "layer1.texture": "ayu/assets/common/overlay-bg.png", + "layer1.inner_margin": [25, 45, 25, 35], + "layer1.opacity": 1.0, + "layer1.tint": [20, 25, 31], + "content_margin": [20, 45, 20, 35] }, @@ -182,7 +188,7 @@ { "class": "quick_panel_row", "layer0.texture": "", - "layer0.tint": [10, 15, 21, 0], + "layer0.tint": [20, 25, 31], "layer0.inner_margin": 0, "layer0.opacity": 1.0 }, @@ -192,7 +198,7 @@ { "class": "quick_panel_row", "parents": [{"class": "overlay_control"}], - "layer0.tint": [0, 0, 0, 0], + "layer0.tint": [20, 25, 31], "layer0.opacity": 1.0 }, @@ -202,7 +208,7 @@ "class": "quick_panel", "parents": [{"class": "overlay_control"}], "row_padding": [10, 7], - "layer0.tint": [0, 0, 0, 0], + "layer0.tint": [20, 25, 31], "layer0.opacity": 1.0 }, @@ -218,10 +224,10 @@ { "class": "quick_panel_label", - "fg": [92, 103, 115], - "match_fg": [255, 235, 184], - "selected_fg": [94, 235, 184], - "selected_match_fg": [255, 235, 184] + "fg": [62, 75, 89], + "match_fg": [242, 151, 24], + "selected_fg": [230, 225, 207], + "selected_match_fg": [242, 151, 24] }, // Panel labels @@ -229,7 +235,7 @@ { "class": "quick_panel_label", "parents": [{"class": "overlay_control"}], - "fg": [92, 103, 115], + "fg": [62, 75, 89], "match_fg": [242, 151, 24], "selected_fg": [230, 225, 207], "selected_match_fg": [242, 151, 24] @@ -240,17 +246,17 @@ { "class": "quick_panel_path_label", "fg": [66, 80, 94], - "match_fg": [242, 151, 24], - "selected_fg": [66, 80, 94], - "selected_match_fg": [242, 151, 24] + "match_fg": [230, 225, 207], + "selected_fg": [62, 75, 89], + "selected_match_fg": [230, 225, 207] }, // Panels data / score { "class": "quick_panel_score_label", - "fg": [66, 80, 94], - "selected_fg": [66, 80, 94] + "fg": [62, 75, 89], + "selected_fg": [62, 75, 89] }, @@ -281,8 +287,9 @@ "settings": ["ui_separator"], "content_margin": [0, 0, 0, 0], "layer1.opacity": 0.3, - "layer1.texture": "ayu/assets/dark/separator_bottom.png", - "layer1.inner_margin": [1, 0, 1, 2] + "layer1.texture": "ayu/assets/common/separator-bottom.png", + "layer1.tint": [62, 75, 89], + "layer1.inner_margin": [1, 0, 1, 1] }, { "class": "tabset_control", @@ -299,8 +306,9 @@ "layer1.texture": "", - "layer2.texture": "ayu/assets/dark/tab_active.png", - "layer2.inner_margin": [1, 4, 1, 1], + "layer2.texture": "ayu/assets/common/separator-bottom.png", + "layer2.tint": [242, 151, 24], + "layer2.inner_margin": [1, 0, 1, 2], "layer2.opacity": 0.0, "layer3.texture": "", @@ -312,11 +320,13 @@ "class": "tab_control", "settings": ["ui_separator"], - "layer1.texture": "ayu/assets/dark/separator_right.png", + "layer1.texture": "ayu/assets/common/separator-right.png", + "layer1.tint": [62, 75, 89], "layer1.inner_margin": [0, 1, 2, 1], "layer1.opacity": 0.3, - "layer3.texture": "ayu/assets/dark/separator_bottom.png", + "layer3.texture": "ayu/assets/common/separator-bottom.png", + "layer3.tint": [62, 75, 89], "layer3.inner_margin": [1, 0, 1, 2], "layer3.opacity": 0.3 }, @@ -352,22 +362,37 @@ { "class": "tab_label", - "fg": [66, 80, 94], - "shadow_color": [0, 0, 0, 0], - "shadow_offset": [0, 0], + "fg": [15, 20, 25, 0], + "shadow_color": [62, 75, 89], + "shadow_offset": [0, -1], "font.size": 12, "font.italic": false, "font.bold": false, "font.face": "Roboto mono" }, + { + "class": "tab_label", + "fg": [62, 75, 89], + "settings": ["ui_fix_tab_labels"], + "shadow_color": [15, 20, 25, 0], + "shadow_offset": [0, 0] + }, // Tab selected label color { "class": "tab_label", "parents": [{"class": "tab_control", "attributes": ["selected"]}], + "fg": [15, 20, 25, 0], + "shadow_color": [230, 225, 207], + "shadow_offset": [0, -1], + }, + { + "class": "tab_label", + "settings": ["ui_fix_tab_labels"], + "parents": [{"class": "tab_control", "attributes": ["selected"]}], "fg": [230, 225, 207], - "shadow_color": [0, 0, 0, 0], + "shadow_color": [15, 20, 25, 0], "shadow_offset": [0, 0] }, @@ -383,19 +408,14 @@ "content_margin": [0, 0], // Close Icon - "layer0.texture": "ayu/assets/dark/close.png", - "layer0.opacity": 1, - - // Close Icon Hover - "layer1.texture": "ayu/assets/dark/close--hover.png", - "layer1.opacity": { "target": 0.0, "speed": 5.0, "interpolation": "smoothstep" }, + "layer0.texture": "ayu/assets/common/close.png", + "layer0.tint": [62, 75, 89], + "layer0.opacity": 1.0, // Dirty Icon - "layer2.texture": "ayu/assets/dark/dirty.png", - - // Dirty Icon Hover - "layer3.texture": "ayu/assets/dark/dirty--hover.png", - "layer3.opacity": { "target": 0.0, "speed": 5.0, "interpolation": "smoothstep" } + "layer1.texture": "ayu/assets/common/dirty.png", + "layer1.tint": [62, 75, 89], + "layer1.opacity": 0 }, // Default @@ -404,30 +424,21 @@ "settings": ["show_tab_close_buttons"], "content_margin": [8, 8] }, - // Selected Tab - { - "class": "tab_close_button", - "settings": ["show_tab_close_buttons"], - "parents": [{"class": "tab_control", "attributes": ["selected"]}], - "layer0.opacity": 1, // Close Icon - "layer1.opacity": 0 // Close Icon Hover - }, + // Default hover { "class": "tab_close_button", "settings": ["show_tab_close_buttons"], "attributes": ["hover"], - "layer0.opacity": 0, // Close Icon - "layer1.opacity": 1 // Close Icon Hover + "layer0.tint": [242, 151, 24] }, + // Dirty tab { "class": "tab_close_button", "parents": [{"class": "tab_control", "attributes": ["dirty"]}], "layer0.opacity": 0, // Close Icon - "layer1.opacity": 0, // Close Icon Hover - "layer2.opacity": 0, // Dirty Icon - "layer3.opacity": 1, // Dirty Icon Hover + "layer1.opacity": 1.0, // dirty Icon "content_margin": [8, 8] }, @@ -436,83 +447,77 @@ "class": "tab_close_button", "parents": [{"class": "tab_control", "attributes": ["dirty"]}], "attributes": ["hover"], - "layer0.opacity": 0, // Close Icon - "layer1.opacity": 1, // Close Icon Hover - "layer2.opacity": 0, // Dirty Icon - "layer3.opacity": 0 // Dirty Icon Hover + "layer0.opacity": 1.0, // Close Icon + "layer1.opacity": 0 // Close Icon }, + // Selected dirty tab { "class": "tab_close_button", "parents": [{"class": "tab_control", "attributes": ["selected", "dirty"]}], "layer0.opacity": 0, // Close Icon - "layer1.opacity": 0, // Close Icon Hover - "layer2.opacity": 0, // Dirty Icon - "layer3.opacity": 1 // Dirty Icon Hover + "layer1.opacity": 1.0, // Dirty Icon + "layer1.tint": [242, 151, 24] }, + // Selected dirty tab on hover { "class": "tab_close_button", "parents": [{"class": "tab_control", "attributes": ["selected", "dirty"]}], "attributes": ["hover"], - "layer0.opacity": 0, // Close Icon - "layer1.opacity": 1, // Close Icon Hover - "layer2.opacity": 0, // Dirty Icon - "layer3.opacity": 0 // Dirty Icon Hover + "layer0.opacity": 1.0, + "layer1.opacity": 0 }, // tab set scroll left | scroll right { "class": "scroll_tabs_left_button", "content_margin": [12, 15], - "layer0.texture": "ayu/assets/dark/arrow_left.png", - "layer0.opacity": 1.0, - "layer1.texture": "ayu/assets/dark/arrow_left--hover.png", - "layer1.opacity": 0.0 + "layer0.texture": "ayu/assets/common/arrow-left.png", + "layer0.tint": [62, 75, 89], + "layer0.opacity": 1.0 }, { "class": "scroll_tabs_left_button", "attributes": ["hover"], - "layer1.opacity": 1.0 + "layer0.tint": [242, 151, 24] }, { "class": "scroll_tabs_right_button", "content_margin": [12, 15], - "layer0.texture": "ayu/assets/dark/arrow_right.png", - "layer0.opacity": 1.0, - "layer1.texture": "ayu/assets/dark/arrow_right--hover.png", - "layer1.opacity": 0.0 + "layer0.texture": "ayu/assets/common/arrow-right.png", + "layer0.tint": [62, 75, 89], + "layer0.opacity": 1.0 }, { "class": "scroll_tabs_right_button", "settings": ["ui_separator"], - "layer2.texture": "ayu/assets/dark/separator_right.png", + "layer2.texture": "ayu/assets/common/separator-right.png", + "layer2.tint": [62, 75, 89], "layer2.opacity": 0.3, - "layer2.inner_margin": [0, 1, 2, 1] + "layer2.inner_margin" : [0, 1, 2, 1] }, { "class": "scroll_tabs_right_button", "attributes": ["hover"], - "layer1.opacity": 1.0 + "layer0.tint": [242, 151, 24] }, { "class": "show_tabs_dropdown_button", "content_margin": [12, 12], - "layer0.texture": "ayu/assets/dark/overflow_menu.png", + "layer0.texture": "ayu/assets/common/overflow-menu.png", + "layer0.tint": [62, 75, 89], "layer0.opacity": 1.0, - "layer0.inner_margin": 0, - "layer1.texture": "ayu/assets/dark/overflow_menu--hover.png", - "layer1.opacity": 0.0, - "layer1.inner_margin": 0 + "layer0.inner_margin": [0, 0] }, { "class": "show_tabs_dropdown_button", "attributes": ["hover"], - "layer1.opacity": 1.0 + "layer0.tint": [242, 151, 24] }, @@ -522,15 +527,15 @@ { "class": "sidebar_container", - "content_margin": [0, -10, 0, 0], + "content_margin": [0, 5, 0, 0], "layer0.opacity": 1, "layer0.tint": [15, 20, 25] }, { "class": "sidebar_container", "settings": ["ui_separator"], - "content_margin": [0, -10, 0, 0], - "layer1.texture": "ayu/assets/dark/separator_right.png", + "layer1.texture": "ayu/assets/common/separator-right.png", + "layer1.tint": [62, 75, 89], "layer1.inner_margin": [0, 1, 2, 1], "layer1.opacity": 0.3 }, @@ -546,13 +551,17 @@ { "class": "sidebar_heading", - "color": [0, 0, 0, 0] + "color": [62, 75, 89, 150], + "font.face": "Roboto mono", + "font.bold": true, + "font.size": 11 }, { "class": "tree_row", - "layer1.texture": "ayu/assets/dark/tree_highlight.png", + "layer1.texture": "ayu/assets/common/tree-highlight.png", "layer1.opacity": { "target": 0.0, "speed": 5.0, "interpolation": "smoothstep" }, + "layer1.tint": [242, 151, 24], "layer1.inner_margin": [5, 0, 0, 0] }, @@ -564,7 +573,7 @@ { "class": "sidebar_label", - "color": [66, 80, 94], + "color": [62, 75, 89], "shadow_color": [0, 0, 0], "shadow_offset": [0, 0], "font.face": "Roboto mono", @@ -588,7 +597,7 @@ { "class": "sidebar_label", "parents": [{"class": "tree_row","attributes": ["expandable"]}], - "color": [66, 80, 94], + "color": [62, 75, 89], "font.bold": false }, @@ -844,7 +853,7 @@ { "class": "minimap_control", "settings": ["always_show_minimap_viewport"], - "viewport_color": [100, 100, 100, 30] + "viewport_color": [100, 100, 100] }, { @@ -862,7 +871,7 @@ { "class": "label_control", - "color": [66, 80, 94], + "color": [62, 75, 89], "shadow_color": [0, 0, 0, 0], "shadow_offset": [0, 0], "font.bold": false, @@ -875,7 +884,7 @@ { "class": "label_control", "parents": [{"class": "status_bar"}], - "color": [66, 80, 94], + "color": [62, 75, 89], "font.bold": false }, @@ -1017,7 +1026,7 @@ { "class": "label_control", "parents": [{"class": "button_control"}], - "color": [66, 80, 94] + "color": [62, 75, 89] }, { diff --git a/ayu-light.sublime-theme b/ayu-light.sublime-theme index c370cdc2..68f55fba 100644 --- a/ayu-light.sublime-theme +++ b/ayu-light.sublime-theme @@ -1,3 +1,6 @@ +// prefix="" +// sublime="" +// ext="sublime-theme" [ /* @ EMPTY WINDOW @@ -7,7 +10,7 @@ { "class" : "sheet_container_control", "layer0.tint" : [250, 250, 250], - "layer0.opacity" : 1.0 + "layer0.opacity" : 1 }, @@ -18,7 +21,7 @@ { "class": "grid_layout_control", "border_size": 0, - "border_color": [217, 221, 226] + "border_color": [226, 228, 231] }, { "class": "grid_layout_control", @@ -55,27 +58,23 @@ ========================================================================= */ { "class": "fold_button_control", - "layer0.texture": "ayu/assets/light/unfold.png", + "layer0.texture": "ayu/assets/unfold.png", "layer0.opacity": 1.0, "layer0.inner_margin": 0, - "layer1.texture": "ayu/assets/light/unfold--hover.png", - "layer1.opacity": 0.0, - "layer1.inner_margin": 0, + "layer0.tint": [130, 140, 153], "content_margin": [8, 6, 8, 6] }, { "class": "fold_button_control", "attributes": ["hover"], - "layer0.opacity": 0.0, - "layer1.opacity": 1.0 + "layer0.tint": [255, 106, 0], }, { "class": "fold_button_control", "attributes": ["expanded"], - "layer0.texture": "ayu/assets/light/fold.png", - "layer1.texture": "ayu/assets/light/fold--hover.png" + "layer0.texture": "ayu/assets/fold.png" }, @@ -85,7 +84,7 @@ { "class": "popup_control", - "layer0.tint": [250, 250, 250], + "layer0.tint": [255, 255, 255], "layer0.opacity": 1.0, "content_margin": [0, 0] }, @@ -99,9 +98,9 @@ { "class": "auto_complete_label", - "fg": [130, 142, 153], + "fg": [130, 140, 153], "match_fg": [255, 106, 0], - "selected_fg": [71, 80, 89], + "selected_fg": [92, 103, 115], "selected_match_fg": [255, 106, 0] }, @@ -132,7 +131,7 @@ { "class": "tool_tip_label_control", - "color": [130, 142, 153], + "color": [130, 140, 153], "font.face": "Roboto mono", "font.size": 12 }, @@ -145,9 +144,16 @@ // Command Panel { "class": "overlay_control", - "layer0.texture": "ayu/assets/light/overlay_bg.png", + "layer0.texture": "ayu/assets/overlay-shadow.png", "layer0.inner_margin": [25, 45, 25, 35], "layer0.opacity": 1.0, + "layer0.tint": [160, 160, 160], + + "layer1.texture": "ayu/assets/overlay-bg.png", + "layer1.inner_margin": [25, 45, 25, 35], + "layer1.opacity": 1.0, + "layer1.tint": [255, 255, 255], + "content_margin": [20, 45, 20, 35] }, @@ -182,17 +188,17 @@ { "class": "quick_panel_row", "layer0.texture": "", - "layer0.tint": [10, 15, 21, 0], + "layer0.tint": [255, 255, 255], "layer0.inner_margin": 0, "layer0.opacity": 1.0 }, - // Row panel style inside comman panel (cmd + shift + p) + // Row panel style inside comman panel (cmd + p) { "class": "quick_panel_row", "parents": [{"class": "overlay_control"}], - "layer0.tint": [0, 0, 0, 0], + "layer0.tint": [255, 255, 255], "layer0.opacity": 1.0 }, @@ -202,7 +208,7 @@ "class": "quick_panel", "parents": [{"class": "overlay_control"}], "row_padding": [10, 7], - "layer0.tint": [0, 0, 0, 0], + "layer0.tint": [255, 255, 255], "layer0.opacity": 1.0 }, @@ -218,9 +224,9 @@ { "class": "quick_panel_label", - "fg": [71, 80, 89], + "fg": [130, 140, 153], "match_fg": [255, 106, 0], - "selected_fg": [94, 235, 184], + "selected_fg": [92, 103, 115], "selected_match_fg": [255, 106, 0] }, @@ -229,9 +235,9 @@ { "class": "quick_panel_label", "parents": [{"class": "overlay_control"}], - "fg": [130, 142, 153], + "fg": [130, 140, 153], "match_fg": [255, 106, 0], - "selected_fg": [71, 80, 89], + "selected_fg": [92, 103, 115], "selected_match_fg": [255, 106, 0] }, @@ -240,17 +246,17 @@ { "class": "quick_panel_path_label", "fg": [176, 190, 197], - "match_fg": [71, 80, 89], - "selected_fg": [130, 142, 153], - "selected_match_fg": [71, 80, 89] + "match_fg": [92, 103, 115], + "selected_fg": [130, 140, 153], + "selected_match_fg": [92, 103, 115] }, // Panels data / score { "class": "quick_panel_score_label", - "fg": [130, 142, 153], - "selected_fg": [130, 142, 153] + "fg": [130, 140, 153], + "selected_fg": [130, 140, 153] }, @@ -281,7 +287,8 @@ "settings": ["ui_separator"], "content_margin": [0, 0, 0, 0], "layer1.opacity": 0.2, - "layer1.texture": "ayu/assets/light/separator_bottom.png", + "layer1.texture": "ayu/assets/separator-bottom.png", + "layer1.tint": [130, 140, 153], "layer1.inner_margin": [1, 0, 1, 2] }, { @@ -299,8 +306,9 @@ "layer1.texture": "", - "layer2.texture": "ayu/assets/light/tab_active.png", - "layer2.inner_margin": [1, 5, 1, 0], + "layer2.texture": "ayu/assets/separator-bottom.png", + "layer2.tint": [255, 106, 0], + "layer2.inner_margin": [1, 0, 1, 2], "layer2.opacity": 0.0, "layer3.texture": "", @@ -312,11 +320,13 @@ "class": "tab_control", "settings": ["ui_separator"], - "layer1.texture": "ayu/assets/light/separator_right.png", + "layer1.texture": "ayu/assets/separator-right.png", + "layer1.tint": [130, 140, 153], "layer1.inner_margin": [0, 1, 2, 1], "layer1.opacity": 0.2, - "layer3.texture": "ayu/assets/light/separator_bottom.png", + "layer3.texture": "ayu/assets/separator-bottom.png", + "layer3.tint": [130, 140, 153], "layer3.inner_margin": [1, 0, 1, 2], "layer3.opacity": 0.2 }, @@ -352,22 +362,37 @@ { "class": "tab_label", - "fg": [130, 142, 153], - "shadow_color": [0, 0, 0, 0], - "shadow_offset": [0, 0], + "fg": [250, 250, 250, 0], + "shadow_color": [130, 140, 153], + "shadow_offset": [0, -1], "font.size": 12, "font.italic": false, "font.bold": false, "font.face": "Roboto mono" }, + { + "class": "tab_label", + "fg": [130, 140, 153], + "settings": ["ui_fix_tab_labels"], + "shadow_color": [250, 250, 250, 0], + "shadow_offset": [0, 0] + }, // Tab selected label color { "class": "tab_label", "parents": [{"class": "tab_control", "attributes": ["selected"]}], - "fg": [71, 80, 89], - "shadow_color": [0, 0, 0, 0], + "fg": [250, 250, 250, 0], + "shadow_color": [92, 103, 115], + "shadow_offset": [0, -1], + }, + { + "class": "tab_label", + "settings": ["ui_fix_tab_labels"], + "parents": [{"class": "tab_control", "attributes": ["selected"]}], + "fg": [92, 103, 115], + "shadow_color": [250, 250, 250, 0], "shadow_offset": [0, 0] }, @@ -383,19 +408,14 @@ "content_margin": [0, 0], // Close Icon - "layer0.texture": "ayu/assets/light/close.png", - "layer0.opacity": 1, - - // Close Icon Hover - "layer1.texture": "ayu/assets/light/close--hover.png", - "layer1.opacity": { "target": 0.0, "speed": 5.0, "interpolation": "smoothstep" }, + "layer0.texture": "ayu/assets/close.png", + "layer0.tint": [130, 140, 153], + "layer0.opacity": 1.0, // Dirty Icon - "layer2.texture": "ayu/assets/light/dirty.png", - - // Dirty Icon Hover - "layer3.texture": "ayu/assets/light/dirty--hover.png", - "layer3.opacity": { "target": 0.0, "speed": 5.0, "interpolation": "smoothstep" } + "layer1.texture": "ayu/assets/dirty.png", + "layer1.tint": [130, 140, 153], + "layer1.opacity": 0, }, // Default @@ -404,30 +424,21 @@ "settings": ["show_tab_close_buttons"], "content_margin": [8, 8] }, - // Selected Tab - { - "class": "tab_close_button", - "settings": ["show_tab_close_buttons"], - "parents": [{"class": "tab_control", "attributes": ["selected"]}], - "layer0.opacity": 1, // Close Icon - "layer1.opacity": 0 // Close Icon Hover - }, + // Default hover { "class": "tab_close_button", "settings": ["show_tab_close_buttons"], "attributes": ["hover"], - "layer0.opacity": 0, // Close Icon - "layer1.opacity": 1 // Close Icon Hover + "layer0.tint": [255, 106, 0] }, + // Dirty tab { "class": "tab_close_button", "parents": [{"class": "tab_control", "attributes": ["dirty"]}], "layer0.opacity": 0, // Close Icon - "layer1.opacity": 0, // Close Icon Hover - "layer2.opacity": 0, // Dirty Icon - "layer3.opacity": 1, // Dirty Icon Hover + "layer1.opacity": 1.0, // dirty Icon "content_margin": [8, 8] }, @@ -436,83 +447,78 @@ "class": "tab_close_button", "parents": [{"class": "tab_control", "attributes": ["dirty"]}], "attributes": ["hover"], - "layer0.opacity": 0, // Close Icon - "layer1.opacity": 1, // Close Icon Hover - "layer2.opacity": 0, // Dirty Icon - "layer3.opacity": 0 // Dirty Icon Hover + "layer0.opacity": 1.0, // Close Icon + "layer1.opacity": 0 // Close Icon }, + // Selected dirty tab { "class": "tab_close_button", "parents": [{"class": "tab_control", "attributes": ["selected", "dirty"]}], "layer0.opacity": 0, // Close Icon - "layer1.opacity": 0, // Close Icon Hover - "layer2.opacity": 0, // Dirty Icon - "layer3.opacity": 1 // Dirty Icon Hover + "layer1.opacity": 1.0, // Dirty Icon + "layer1.tint": [255, 106, 0] }, + // Selected dirty tab on hover { "class": "tab_close_button", "parents": [{"class": "tab_control", "attributes": ["selected", "dirty"]}], "attributes": ["hover"], - "layer0.opacity": 0, // Close Icon - "layer1.opacity": 1, // Close Icon Hover - "layer2.opacity": 0, // Dirty Icon - "layer3.opacity": 0 // Dirty Icon Hover + "layer0.opacity": 1.0, + "layer1.opacity": 0 }, + // tab set scroll left | scroll right { "class": "scroll_tabs_left_button", "content_margin": [12, 15], - "layer0.texture": "ayu/assets/light/arrow_left.png", - "layer0.opacity": 1.0, - "layer1.texture": "ayu/assets/light/arrow_left--hover.png", - "layer1.opacity": 0.0 + "layer0.texture": "ayu/assets/arrow-left.png", + "layer0.tint": [130, 140, 153], + "layer0.opacity": 1.0 }, { "class": "scroll_tabs_left_button", "attributes": ["hover"], - "layer1.opacity": 1.0 + "layer0.tint": [255, 106, 0] }, { "class": "scroll_tabs_right_button", "content_margin": [12, 15], - "layer0.texture": "ayu/assets/light/arrow_right.png", - "layer0.opacity": 1.0, - "layer1.texture": "ayu/assets/light/arrow_right--hover.png", - "layer1.opacity": 0.0 + "layer0.texture": "ayu/assets/arrow-right.png", + "layer0.tint": [130, 140, 153], + "layer0.opacity": 1.0 }, { "class": "scroll_tabs_right_button", "settings": ["ui_separator"], - "layer2.texture": "ayu/assets/light/separator_right.png", + "layer2.texture": "ayu/assets/separator-right.png", + "layer2.tint": [130, 140, 153], "layer2.opacity": 0.2, - "layer2.inner_margin": [0, 1, 2, 1] + "layer2.inner_margin" : [0, 1, 2, 1] }, { "class": "scroll_tabs_right_button", "attributes": ["hover"], - "layer1.opacity": 1.0 + "layer0.tint": [255, 106, 0] }, { "class": "show_tabs_dropdown_button", "content_margin": [12, 12], - "layer0.texture": "ayu/assets/light/overflow_menu.png", + "layer0.texture": "ayu/assets/overflow-menu.png", + "layer0.tint": [130, 140, 153], "layer0.opacity": 1.0, - "layer0.inner_margin": 0, - "layer1.texture": "ayu/assets/light/overflow_menu--hover.png", - "layer1.opacity": 0.0, - "layer1.inner_margin": 0 + "layer0.inner_margin": [0, 0] }, { "class": "show_tabs_dropdown_button", "attributes": ["hover"], - "layer1.opacity": 1.0 + "layer0.tint": [255, 106, 0] }, @@ -529,8 +535,8 @@ { "class": "sidebar_container", "settings": ["ui_separator"], - "content_margin": [0, -10, 0, 0], - "layer1.texture": "ayu/assets/light/separator_right.png", + "layer1.texture": "ayu/assets/separator-right.png", + "layer1.tint": [130, 140, 153], "layer1.inner_margin": [0, 1, 2, 1], "layer1.opacity": 0.2 }, @@ -546,13 +552,17 @@ { "class": "sidebar_heading", - "color": [0, 0, 0, 0] + "color": [250, 250, 250], + "font.face": "Roboto mono", + "font.bold": true, + "font.size": 11 }, { "class": "tree_row", - "layer1.texture": "ayu/assets/light/tree_highlight.png", + "layer1.texture": "ayu/assets/tree-highlight.png", "layer1.opacity": { "target": 0.0, "speed": 5.0, "interpolation": "smoothstep" }, + "layer1.tint": [255, 106, 0], "layer1.inner_margin": [5, 0, 0, 0] }, @@ -564,7 +574,7 @@ { "class": "sidebar_label", - "color": [130, 142, 153], + "color": [130, 140, 153], "shadow_color": [0, 0, 0], "shadow_offset": [0, 0], "font.face": "Roboto mono", @@ -574,13 +584,13 @@ { "class": "sidebar_label", "parents": [{"class": "tree_row","attributes": ["hover"]}], - "color": [71, 80, 89] + "color": [92, 103, 115] }, { "class": "sidebar_label", "parents": [{"class": "tree_row","attributes": ["selected"]}], - "color": [71, 80, 89], + "color": [92, 103, 115], "shadow_color": [0, 0, 0], "shadow_offset": [0, 0] }, @@ -588,7 +598,7 @@ { "class": "sidebar_label", "parents": [{"class": "tree_row","attributes": ["expandable"]}], - "color": [130, 142, 153], + "color": [130, 140, 153], "font.bold": false }, @@ -602,13 +612,13 @@ { "class": "sidebar_label", "parents": [{"class": "tree_row", "attributes": ["expandable", "hover"]}], - "color": [71, 80, 89] + "color": [92, 103, 115] }, { "class": "sidebar_label", "parents": [{"class": "tree_row", "attributes": ["expanded"]}], - "color": [71, 80, 89] + "color": [92, 103, 115] }, { @@ -621,7 +631,7 @@ // { // "class": "sidebar_label", // "parents": [{"class": "tree_row", "attributes": ["expanded", "selected"]}], - // "color": [71, 80, 89] + // "color": [92, 103, 115] // }, { @@ -657,83 +667,82 @@ "content_margin": [9, 9], "layer0.tint": [250, 250, 250], "layer0.opacity": 0, - "layer1.texture": "ayu/assets/light/folder.png", + + "layer1.texture": "ayu/assets/folder.png", + "layer1.tint": [130, 140, 153], "layer1.opacity": 1, - "layer2.texture": "ayu/assets/light/folder--hover.png", - "layer2.opacity": 0.0, - "layer3.texture": "ayu/assets/light/folder_opened.png", - "layer3.opacity": 0.0 + + "layer2.texture": "ayu/assets/folder-open.png", + "layer2.tint": [255, 106, 0], + "layer2.opacity": 0.0 }, { "class": "icon_folder", "parents": [{ "class": "tree_row", "attributes": ["expanded"] }], "layer1.opacity": 0.0, - "layer2.opacity": 0.0, - "layer3.opacity": 1.0 + "layer2.opacity": 1.0 }, { "class": "icon_folder", "parents": [{ "class": "tree_row", "attributes": ["hover"] }], - "layer1.opacity": 0.0, - "layer2.opacity": 1.0, - "layer3.opacity": 0.0 + "layer1.tint": [255, 106, 0] }, { "class": "icon_folder", "parents": [{ "class": "tree_row", "attributes": ["expanded", "hover"] }], - "layer3.texture": { + "layer2.texture": { "keyframes": [ - "ayu/assets/light/folder_opened--hover-0.png", - "ayu/assets/light/folder_opened--hover-1.png", - "ayu/assets/light/folder_opened--hover-2.png", - "ayu/assets/light/folder_opened--hover-3.png", - "ayu/assets/light/folder_opened--hover-4.png", - "ayu/assets/light/folder_opened--hover-5.png", - "ayu/assets/light/folder_opened--hover-5.png", - "ayu/assets/light/folder_opened--hover-5.png", - "ayu/assets/light/folder_opened--hover-6.png", - "ayu/assets/light/folder_opened--hover-6.png", - "ayu/assets/light/folder_opened--hover-6.png", - "ayu/assets/light/folder_opened--hover-6.png", - "ayu/assets/light/folder_opened--hover-7.png" + "ayu/assets/folder-open-1.png", + "ayu/assets/folder-open-1.png", + "ayu/assets/folder-open-2.png", + "ayu/assets/folder-open-3.png", + "ayu/assets/folder-open-4.png", + "ayu/assets/folder-open-5.png", + "ayu/assets/folder-open-5.png", + "ayu/assets/folder-open-5.png", + "ayu/assets/folder-open-6.png", + "ayu/assets/folder-open-6.png", + "ayu/assets/folder-open-6.png", + "ayu/assets/folder-open-6.png", + "ayu/assets/folder-open.png" ], "loop": false, "frame_time": 0.020 }, "layer1.opacity": 0.0, - "layer2.opacity": 0.0, - "layer3.opacity": 1.0 + "layer2.opacity": 1.0 }, { "class": "icon_folder", "parents": [{ "class": "tree_row", "attributes": ["selected"] }], - "layer1.texture": "ayu/assets/light/folder--hover.png" + "layer1.tint": [255, 106, 0] }, { "class": "icon_folder_loading", "layer1.texture": { "keyframes": [ - "ayu/assets/light/spinner11.png", - "ayu/assets/light/spinner10.png", - "ayu/assets/light/spinner9.png", - "ayu/assets/light/spinner8.png", - "ayu/assets/light/spinner7.png", - "ayu/assets/light/spinner6.png", - "ayu/assets/light/spinner5.png", - "ayu/assets/light/spinner4.png", - "ayu/assets/light/spinner3.png", - "ayu/assets/light/spinner2.png", - "ayu/assets/light/spinner1.png", - "ayu/assets/light/spinner.png" + "ayu/assets/spinner11.png", + "ayu/assets/spinner10.png", + "ayu/assets/spinner9.png", + "ayu/assets/spinner8.png", + "ayu/assets/spinner7.png", + "ayu/assets/spinner6.png", + "ayu/assets/spinner5.png", + "ayu/assets/spinner4.png", + "ayu/assets/spinner3.png", + "ayu/assets/spinner2.png", + "ayu/assets/spinner1.png", + "ayu/assets/spinner.png" ], "loop": true, "frame_time": 0.075 }, + "layer1.tint": [255, 106, 0], "layer0.opacity": 0.0, "content_margin": [8, 8] @@ -742,63 +751,45 @@ // Symlink folder icon { "class": "icon_folder_dup", - "layer0.texture": "ayu/assets/light/symlink_folder.png", + "content_margin": [9, 9], + "layer0.texture": "ayu/assets/folder.png", + "layer0.tint": [130, 140, 153], "layer0.opacity": 1.0, - "content_margin": [9, 9] + + "layer1.texture": "ayu/assets/folder-symlink.png", + "layer1.tint": [130, 140, 153], + "layer1.opacity": 0.3 }, { "class": "icon_folder_dup", "parents": [{ "class": "tree_row", "attributes": ["hover"]}], - "layer0.texture": "ayu/assets/light/symlink_folder--hover.png" + "layer0.tint": [255, 106, 0] }, { "class": "icon_folder_dup", "parents": [{"class": "tree_row", "attributes": ["expanded"] }], - "layer0.texture": "ayu/assets/light/symlink_folder--hover.png" + "layer0.tint": [255, 106, 0] }, // Hidden arrow icon before folder { "class": "disclosure_button_control", - "layer0.texture": "ayu/assets/light/folder.png", - "layer0.opacity": 1.0, - "layer0.inner_margin": 0, - "layer1.texture": "ayu/assets/light/folder--hover.png", - "layer1.opacity": 0.0, - "layer1.inner_margin": 0, "content_margin": [0, 0, 0, 0] }, - { - "class": "disclosure_button_control", - "parents": [{ "class": "tree_row", "attributes": ["hover"]}], - "layer0.opacity": 0.0, - "layer1.opacity": 1.0 - }, - - { - "class": "disclosure_button_control", - "attributes": ["expanded"], - "layer0.texture": "ayu/assets/light/folder_opened.png" - }, - // Opened files { "class": "close_button", "content_margin": [8, 8], // Default Close icon - "layer0.texture": "ayu/assets/light/close.png", - "layer0.opacity": { "target": 0.0, "speed": 7.0, "interpolation": "smoothstep" }, + "layer0.texture": "ayu/assets/close.png", + "layer0.opacity": 0, "layer0.inner_margin": [0, 0], - - // Hover close icon - "layer1.texture": "ayu/assets/light/close--hover.png", - "layer1.opacity": 0, - "layer1.inner_margin": [0, 0] + "layer0.tint": [130, 140, 153] }, @@ -808,23 +799,22 @@ "class": "close_button", "parents": [{ "class": "tree_row", "attributes": ["hover"] }], // Default Close icon - "layer0.texture": "ayu/assets/light/close.png", - "layer0.opacity": { "target": 1.0, "speed": 7.0, "interpolation": "smoothstep" }, - "layer0.inner_margin": [0, 0] + "layer0.opacity": 0.6 }, { "class": "close_button", "attributes": ["dirty"], - "layer0.texture": "ayu/assets/light/dirty--hover.png", + "layer0.texture": "ayu/assets/dirty.png", + "layer0.tint": [130, 140, 153], "layer0.opacity": 1.0 }, { "class": "close_button", "attributes": ["hover"], - "layer0.opacity": 0, - "layer1.opacity": 1.0 + "layer0.opacity": 1.0, + "layer0.tint": [255, 106, 0] }, @@ -962,14 +952,14 @@ { "class": "minimap_control", "settings": ["always_show_minimap_viewport"], - "viewport_color": [130, 142, 153], + "viewport_color": [130, 140, 153], "viewport_opacity": 0.2 }, { "class": "minimap_control", "settings": ["!always_show_minimap_viewport"], - "viewport_color": [130, 142, 153], + "viewport_color": [130, 140, 153], "viewport_opacity": { "target": 0, "speed": 4.0, "interpolation": "smoothstep" } }, @@ -989,7 +979,7 @@ { "class": "label_control", - "color": [130, 142, 153], + "color": [130, 140, 153], "shadow_color": [0, 0, 0, 0], "shadow_offset": [0, 0], "font.bold": false, @@ -1002,7 +992,7 @@ { "class": "label_control", "parents": [{"class": "status_bar"}], - "color": [130, 142, 153], + "color": [130, 140, 153], "font.bold": false }, @@ -1013,7 +1003,7 @@ "layer0.texture": "", "layer0.tint": [250, 250, 250], "layer0.opacity": 1, - "layer1.texture": "ayu/assets/light/separator_top.png", + "layer1.texture": "ayu/assets/separator-top.png", "layer1.inner_margin": [1, 2, 1, 0], "content_margin": [10, 0] }, @@ -1051,7 +1041,8 @@ "class": "panel_control", "settings": ["ui_separator"], "layer0.tint": [255, 255, 255], - "layer1.texture": "ayu/assets/light/separator_top.png", + "layer1.texture": "ayu/assets/separator-top.png", + "layer1.tint": [130, 140, 153], "layer1.inner_margin": [1, 2, 1, 0], "layer1.opacity": 0.2 }, @@ -1060,30 +1051,31 @@ { "class": "panel_close_button", - "layer0.texture": "ayu/assets/light/close.png", - "layer0.opacity": 0.6, - "layer1.texture": "ayu/assets/light/close--hover.png", - "layer1.opacity": 0.0, + "layer0.texture": "ayu/assets/close.png", + "layer0.opacity": 1.0, + "layer0.tint": [130, 140, 153], "content_margin": [0, 0] // 8,8 to show }, // !!! { "class": "panel_close_button", "attributes": ["hover"], - "layer0.opacity": 0.0, - "layer1.opacity": 1.0 + "layer0.tint": [255, 106, 0] }, // Texline input { "class": "text_line_control", - "layer0.texture": "ayu/assets/light/input_bg.png", + "layer0.texture": "ayu/assets/input-bg.png", "layer0.opacity": 1, "layer0.inner_margin": [10, 8], - "layer1.texture": "ayu/assets/light/input_border.png", + "layer0.tint": [255, 255, 255], + + "layer1.texture": "ayu/assets/input-border.png", "layer1.opacity": 0.2, "layer1.inner_margin": [10, 8], + "layer1.tint": [130, 140, 153], "content_margin": [10, 7, 10, 5] }, @@ -1095,8 +1087,9 @@ "parents": [{"class": "overlay_control"}], "layer0.texture": "", "layer0.opacity": 0, - "layer1.texture": "ayu/assets/light/input_search.png", + "layer1.texture": "ayu/assets/input-search.png", "layer1.opacity": 1, + "layer1.tint": [255, 106, 0], "layer1.inner_margin": [35, 0, 0, 0], "content_margin": [43, 7, 10, 4] }, @@ -1105,17 +1098,14 @@ { "class": "dropdown_button_control", "content_margin": [12, 12], - "layer0.texture": "ayu/assets/light/overflow_menu.png", - "layer0.opacity": 1.0, - "layer0.inner_margin": [0, 0], - "layer1.texture": "ayu/assets/light/overflow_menu--hover.png", - "layer1.opacity": 0.0, - "layer1.inner_margin": [0, 0] + "layer0.texture": "ayu/assets/overflow-menu.png", + "layer0.tint": [130, 140, 153], + "layer0.opacity": 1.0 }, { "class": "dropdown_button_control", "attributes": ["hover"], - "layer1.opacity": 1.0 + "layer0.tint": [255, 106, 0] }, @@ -1131,7 +1121,7 @@ "content_margin": [15, 9, 15, 10], "min_size": [60, 0], "layer0.tint": [255, 106, 0, 10], - "layer0.texture": "ayu/assets/light/input_bg.png", + "layer0.texture": "ayu/assets/input-bg.png", "layer0.inner_margin": [10, 8], "layer0.opacity": 0 }, @@ -1144,7 +1134,7 @@ { "class": "label_control", "parents": [{"class": "button_control"}], - "color": [130, 142, 153] + "color": [130, 140, 153] }, { @@ -1159,7 +1149,7 @@ "class": "icon_button_control", "layer0.tint": [0, 0, 0], "layer0.opacity": 0, - "layer2.tint": [71, 80, 89], + "layer2.tint": [92, 103, 115], "layer2.opacity": { "target": 0.0, "speed": 10.0, "interpolation": "smoothstep" }, "content_margin": [10, 5] }, @@ -1171,46 +1161,41 @@ // Regex Icon { "class": "icon_regex", - "layer0.texture": "ayu/assets/light/regex--hover.png", - "layer0.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" }, - "layer1.texture": "ayu/assets/light/regex.png", - "layer1.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, + "layer0.texture": "ayu/assets/regex.png", + "layer0.tint": [130, 140, 153], + "layer0.opacity": 1.0, "content_margin": [12, 12] }, { "class": "icon_regex", "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], - "layer0.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, - "layer1.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" } + "layer0.tint": [255, 106, 0] }, // Preserve case sensitive { "class": "icon_case", - "layer0.texture": "ayu/assets/light/matchcase--hover.png", - "layer0.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" }, - "layer1.texture": "ayu/assets/light/matchcase.png", - "layer1.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, + "layer0.texture": "ayu/assets/matchcase.png", + "layer0.tint": [130, 140, 153], + "layer0.opacity": 1.0, "content_margin": [12, 12] }, { "class": "icon_case", "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], - "layer0.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, - "layer1.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" } + "layer0.tint": [255, 106, 0] }, // Wholeword { "class": "icon_whole_word", - "layer0.texture": "ayu/assets/light/word--hover.png", - "layer0.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" }, - "layer1.texture": "ayu/assets/light/word.png", - "layer1.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, + "layer0.texture": "ayu/assets/word.png", + "layer0.tint": [130, 140, 153], + "layer0.opacity": 1.0, "content_margin": [12, 12] }, @@ -1218,90 +1203,80 @@ { "class": "icon_whole_word", "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], - "layer0.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, - "layer1.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" } + "layer0.tint": [255, 106, 0] }, // Wrap { "class": "icon_wrap", - "layer0.texture": "ayu/assets/light/wrap--hover.png", - "layer0.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" }, - "layer1.texture": "ayu/assets/light/wrap.png", - "layer1.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, + "layer0.texture": "ayu/assets/wrap.png", + "layer0.tint": [130, 140, 153], + "layer0.opacity": 1.0, "content_margin": [12, 12] }, { "class": "icon_wrap", "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], - "layer0.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, - "layer1.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" } + "layer0.tint": [255, 106, 0] }, // In selection { "class": "icon_in_selection", - "layer0.texture": "ayu/assets/light/inselection--hover.png", - "layer0.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" }, - "layer1.texture": "ayu/assets/light/inselection.png", - "layer1.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, + "layer0.texture": "ayu/assets/inselection.png", + "layer0.tint": [130, 140, 153], + "layer0.opacity": 1.0, "content_margin": [12, 12] }, { "class": "icon_in_selection", "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], - "layer0.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, - "layer1.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" } + "layer0.tint": [255, 106, 0] }, // Highlight Result { "class": "icon_highlight", - "layer0.texture": "ayu/assets/light/highlight--hover.png", - "layer0.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" }, - "layer1.texture": "ayu/assets/light/highlight.png", - "layer1.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, + "layer0.texture": "ayu/assets/highlight.png", + "layer0.tint": [130, 140, 153], + "layer0.opacity": 1.0, "content_margin": [12, 12] }, { "class": "icon_highlight", "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], - "layer0.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, - "layer1.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" } + "layer0.tint": [255, 106, 0] }, // Preserve Case { "class": "icon_preserve_case", - "layer0.texture": "ayu/assets/light/replace_preserve_case--hover.png", - "layer0.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" }, - "layer1.texture": "ayu/assets/light/replace_preserve_case.png", - "layer1.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, + "layer0.texture": "ayu/assets/replace-preserve-case.png", + "layer0.tint": [130, 140, 153], + "layer0.opacity": 1.0, "content_margin": [12, 12] }, { "class": "icon_preserve_case", "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], - "layer0.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, - "layer1.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" } + "layer0.tint": [255, 106, 0] }, // Show context { "class": "icon_context", - "layer0.texture": "ayu/assets/light/context--hover.png", - "layer0.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" }, - "layer1.texture": "ayu/assets/light/context.png", - "layer1.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, + "layer0.texture": "ayu/assets/context.png", + "layer0.tint": [130, 140, 153], + "layer0.opacity": 1.0, "content_margin": [12, 12] }, @@ -1309,44 +1284,39 @@ { "class": "icon_context", "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], - "layer0.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, - "layer1.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" } + "layer0.tint": [255, 106, 0] }, // Use buffer { "class": "icon_use_buffer", - "layer0.texture": "ayu/assets/light/buffer--hover.png", - "layer0.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" }, - "layer1.texture": "ayu/assets/light/buffer.png", - "layer1.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, + "layer0.texture": "ayu/assets/buffer.png", + "layer0.tint": [130, 140, 153], + "layer0.opacity": 1.0, "content_margin": [12, 12] }, { "class": "icon_use_buffer", "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], - "layer0.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, - "layer1.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" } + "layer0.tint": [255, 106, 0] }, // Reverse direction { "class": "icon_reverse", - "layer0.texture": "ayu/assets/light/reverse--hover.png", - "layer0.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" }, - "layer1.texture": "ayu/assets/light/reverse.png", - "layer1.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, + "layer0.texture": "ayu/assets/reverse.png", + "layer0.tint": [130, 140, 153], + "layer0.opacity": 1.0, "content_margin": [12, 12] }, { "class": "icon_reverse", "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], - "layer0.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, - "layer1.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" } + "layer0.tint": [255, 106, 0] }, diff --git a/ayu-light.tmTheme b/ayu-light.tmTheme index 4833ec74..5bef5942 100644 --- a/ayu-light.tmTheme +++ b/ayu-light.tmTheme @@ -9,7 +9,7 @@ name ayu semanticClass - ayu.dark + ayu.light settings @@ -24,7 +24,7 @@ findHighlight #A37ACC findHighlightForeground - #ffffff + #FFFFFF foreground #5C6773 guide @@ -77,7 +77,7 @@ a { selection #F0EEE4 selectionBorder - #F0EEE4 + #5C677335 shadow #00000010 stackGuide @@ -243,7 +243,7 @@ a { background #F2590C foreground - #ffffff + #FFFFFF @@ -378,6 +378,8 @@ a { entity.name.method.js settings + fontStyle + italic foreground #CCA37A @@ -625,7 +627,7 @@ a { settings foreground - #F2590C + #41A6D9 @@ -636,7 +638,7 @@ a { settings foreground - #F07178 + #41A6D9 @@ -647,7 +649,7 @@ a { settings foreground - #CCA37A + #41A6D9 @@ -658,7 +660,7 @@ a { settings foreground - #CCA37A + #41A6D9 @@ -680,7 +682,7 @@ a { settings foreground - #A37ACC + #41A6D9 @@ -715,7 +717,7 @@ a { background #41A6D9 foreground - #ffffff + #FFFFFF @@ -728,7 +730,7 @@ a { background #86B300 foreground - #ffffff + #FFFFFF @@ -741,7 +743,7 @@ a { background #F2590C foreground - #ffffff + #FFFFFF @@ -754,7 +756,7 @@ a { background #F07178 foreground - #ffffff + #FFFFFF @@ -776,7 +778,7 @@ a { settings foreground - #ffffff + #FFFFFF @@ -820,7 +822,7 @@ a { settings foreground - #ffffff + #FFFFFF diff --git a/ayu-light2.sublime-theme b/ayu-light2.sublime-theme index c296c444..caa04cf2 100644 --- a/ayu-light2.sublime-theme +++ b/ayu-light2.sublime-theme @@ -1,3 +1,6 @@ +// prefix="" +// sublime="2" +// ext="sublime-theme" [ /* @ EMPTY WINDOW @@ -18,7 +21,7 @@ { "class": "grid_layout_control", "border_size": 0, - "border_color": [217, 221, 226] + "border_color": [226, 228, 231] }, { "class": "grid_layout_control", @@ -55,27 +58,23 @@ ========================================================================= */ { "class": "fold_button_control", - "layer0.texture": "ayu/assets/light/unfold.png", + "layer0.texture": "ayu/assets/common/unfold.png", "layer0.opacity": 1.0, "layer0.inner_margin": 0, - "layer1.texture": "ayu/assets/light/unfold--hover.png", - "layer1.opacity": 0.0, - "layer1.inner_margin": 0, + "layer0.tint": [130, 140, 153], "content_margin": [8, 6, 8, 6] }, { "class": "fold_button_control", "attributes": ["hover"], - "layer0.opacity": 0.0, - "layer1.opacity": 1.0 + "layer0.tint": [255, 106, 0] }, { "class": "fold_button_control", "attributes": ["expanded"], - "layer0.texture": "ayu/assets/light/fold.png", - "layer1.texture": "ayu/assets/light/fold--hover.png" + "layer0.texture": "ayu/assets/common/fold.png" }, @@ -85,7 +84,7 @@ { "class": "popup_control", - "layer0.tint": [250, 250, 250], + "layer0.tint": [255, 255, 255], "layer0.opacity": 1.0, "content_margin": [0, 0] }, @@ -99,9 +98,9 @@ { "class": "auto_complete_label", - "fg": [130, 142, 153], + "fg": [130, 140, 153], "match_fg": [255, 106, 0], - "selected_fg": [71, 80, 89], + "selected_fg": [92, 103, 115], "selected_match_fg": [255, 106, 0] }, @@ -132,7 +131,7 @@ { "class": "tool_tip_label_control", - "color": [130, 142, 153], + "color": [130, 140, 153], "font.face": "Roboto mono", "font.size": 12 }, @@ -145,9 +144,16 @@ // Command Panel { "class": "overlay_control", - "layer0.texture": "ayu/assets/light/overlay_bg.png", + "layer0.texture": "ayu/assets/common/overlay-shadow.png", "layer0.inner_margin": [25, 45, 25, 35], "layer0.opacity": 1.0, + "layer0.tint": [160, 160, 160], + + "layer1.texture": "ayu/assets/common/overlay-bg.png", + "layer1.inner_margin": [25, 45, 25, 35], + "layer1.opacity": 1.0, + "layer1.tint": [255, 255, 255], + "content_margin": [20, 45, 20, 35] }, @@ -182,7 +188,7 @@ { "class": "quick_panel_row", "layer0.texture": "", - "layer0.tint": [10, 15, 21, 0], + "layer0.tint": [255, 255, 255], "layer0.inner_margin": 0, "layer0.opacity": 1.0 }, @@ -192,7 +198,7 @@ { "class": "quick_panel_row", "parents": [{"class": "overlay_control"}], - "layer0.tint": [0, 0, 0, 0], + "layer0.tint": [255, 255, 255], "layer0.opacity": 1.0 }, @@ -202,7 +208,7 @@ "class": "quick_panel", "parents": [{"class": "overlay_control"}], "row_padding": [10, 7], - "layer0.tint": [0, 0, 0, 0], + "layer0.tint": [255, 255, 255], "layer0.opacity": 1.0 }, @@ -218,9 +224,9 @@ { "class": "quick_panel_label", - "fg": [71, 80, 89], + "fg": [130, 140, 153], "match_fg": [255, 106, 0], - "selected_fg": [94, 235, 184], + "selected_fg": [92, 103, 115], "selected_match_fg": [255, 106, 0] }, @@ -229,9 +235,9 @@ { "class": "quick_panel_label", "parents": [{"class": "overlay_control"}], - "fg": [130, 142, 153], + "fg": [130, 140, 153], "match_fg": [255, 106, 0], - "selected_fg": [71, 80, 89], + "selected_fg": [92, 103, 115], "selected_match_fg": [255, 106, 0] }, @@ -240,17 +246,17 @@ { "class": "quick_panel_path_label", "fg": [176, 190, 197], - "match_fg": [71, 80, 89], - "selected_fg": [130, 142, 153], - "selected_match_fg": [71, 80, 89] + "match_fg": [92, 103, 115], + "selected_fg": [130, 140, 153], + "selected_match_fg": [92, 103, 115] }, // Panels data / score { "class": "quick_panel_score_label", - "fg": [130, 142, 153], - "selected_fg": [130, 142, 153] + "fg": [130, 140, 153], + "selected_fg": [130, 140, 153] }, @@ -281,8 +287,9 @@ "settings": ["ui_separator"], "content_margin": [0, 0, 0, 0], "layer1.opacity": 0.2, - "layer1.texture": "ayu/assets/light/separator_bottom.png", - "layer1.inner_margin": [1, 0, 1, 2] + "layer1.texture": "ayu/assets/common/separator-bottom.png", + "layer1.tint": [130, 140, 153], + "layer1.inner_margin": [1, 0, 1, 1] }, { "class": "tabset_control", @@ -299,8 +306,9 @@ "layer1.texture": "", - "layer2.texture": "ayu/assets/light/tab_active.png", - "layer2.inner_margin": [1, 5, 1, 0], + "layer2.texture": "ayu/assets/common/separator-bottom.png", + "layer2.tint": [255, 106, 0], + "layer2.inner_margin": [1, 0, 1, 2], "layer2.opacity": 0.0, "layer3.texture": "", @@ -312,11 +320,13 @@ "class": "tab_control", "settings": ["ui_separator"], - "layer1.texture": "ayu/assets/light/separator_right.png", + "layer1.texture": "ayu/assets/common/separator-right.png", + "layer1.tint": [130, 140, 153], "layer1.inner_margin": [0, 1, 2, 1], "layer1.opacity": 0.2, - "layer3.texture": "ayu/assets/light/separator_bottom.png", + "layer3.texture": "ayu/assets/common/separator-bottom.png", + "layer3.tint": [130, 140, 153], "layer3.inner_margin": [1, 0, 1, 2], "layer3.opacity": 0.2 }, @@ -352,22 +362,37 @@ { "class": "tab_label", - "fg": [130, 142, 153], - "shadow_color": [0, 0, 0, 0], - "shadow_offset": [0, 0], + "fg": [250, 250, 250, 0], + "shadow_color": [130, 140, 153], + "shadow_offset": [0, -1], "font.size": 12, "font.italic": false, "font.bold": false, "font.face": "Roboto mono" }, + { + "class": "tab_label", + "fg": [130, 140, 153], + "settings": ["ui_fix_tab_labels"], + "shadow_color": [250, 250, 250, 0], + "shadow_offset": [0, 0] + }, // Tab selected label color { "class": "tab_label", "parents": [{"class": "tab_control", "attributes": ["selected"]}], - "fg": [71, 80, 89], - "shadow_color": [0, 0, 0, 0], + "fg": [250, 250, 250, 0], + "shadow_color": [92, 103, 115], + "shadow_offset": [0, -1], + }, + { + "class": "tab_label", + "settings": ["ui_fix_tab_labels"], + "parents": [{"class": "tab_control", "attributes": ["selected"]}], + "fg": [92, 103, 115], + "shadow_color": [250, 250, 250, 0], "shadow_offset": [0, 0] }, @@ -383,19 +408,14 @@ "content_margin": [0, 0], // Close Icon - "layer0.texture": "ayu/assets/light/close.png", - "layer0.opacity": 1, - - // Close Icon Hover - "layer1.texture": "ayu/assets/light/close--hover.png", - "layer1.opacity": { "target": 0.0, "speed": 5.0, "interpolation": "smoothstep" }, + "layer0.texture": "ayu/assets/common/close.png", + "layer0.tint": [130, 140, 153], + "layer0.opacity": 1.0, // Dirty Icon - "layer2.texture": "ayu/assets/light/dirty.png", - - // Dirty Icon Hover - "layer3.texture": "ayu/assets/light/dirty--hover.png", - "layer3.opacity": { "target": 0.0, "speed": 5.0, "interpolation": "smoothstep" } + "layer1.texture": "ayu/assets/common/dirty.png", + "layer1.tint": [130, 140, 153], + "layer1.opacity": 0 }, // Default @@ -404,30 +424,21 @@ "settings": ["show_tab_close_buttons"], "content_margin": [8, 8] }, - // Selected Tab - { - "class": "tab_close_button", - "settings": ["show_tab_close_buttons"], - "parents": [{"class": "tab_control", "attributes": ["selected"]}], - "layer0.opacity": 1, // Close Icon - "layer1.opacity": 0 // Close Icon Hover - }, + // Default hover { "class": "tab_close_button", "settings": ["show_tab_close_buttons"], "attributes": ["hover"], - "layer0.opacity": 0, // Close Icon - "layer1.opacity": 1 // Close Icon Hover + "layer0.tint": [255, 106, 0] }, + // Dirty tab { "class": "tab_close_button", "parents": [{"class": "tab_control", "attributes": ["dirty"]}], "layer0.opacity": 0, // Close Icon - "layer1.opacity": 0, // Close Icon Hover - "layer2.opacity": 0, // Dirty Icon - "layer3.opacity": 1, // Dirty Icon Hover + "layer1.opacity": 1.0, // dirty Icon "content_margin": [8, 8] }, @@ -436,83 +447,77 @@ "class": "tab_close_button", "parents": [{"class": "tab_control", "attributes": ["dirty"]}], "attributes": ["hover"], - "layer0.opacity": 0, // Close Icon - "layer1.opacity": 1, // Close Icon Hover - "layer2.opacity": 0, // Dirty Icon - "layer3.opacity": 0 // Dirty Icon Hover + "layer0.opacity": 1.0, // Close Icon + "layer1.opacity": 0 // Close Icon }, + // Selected dirty tab { "class": "tab_close_button", "parents": [{"class": "tab_control", "attributes": ["selected", "dirty"]}], "layer0.opacity": 0, // Close Icon - "layer1.opacity": 0, // Close Icon Hover - "layer2.opacity": 0, // Dirty Icon - "layer3.opacity": 1 // Dirty Icon Hover + "layer1.opacity": 1.0, // Dirty Icon + "layer1.tint": [255, 106, 0] }, + // Selected dirty tab on hover { "class": "tab_close_button", "parents": [{"class": "tab_control", "attributes": ["selected", "dirty"]}], "attributes": ["hover"], - "layer0.opacity": 0, // Close Icon - "layer1.opacity": 1, // Close Icon Hover - "layer2.opacity": 0, // Dirty Icon - "layer3.opacity": 0 // Dirty Icon Hover + "layer0.opacity": 1.0, + "layer1.opacity": 0 }, // tab set scroll left | scroll right { "class": "scroll_tabs_left_button", "content_margin": [12, 15], - "layer0.texture": "ayu/assets/light/arrow_left.png", - "layer0.opacity": 1.0, - "layer1.texture": "ayu/assets/light/arrow_left--hover.png", - "layer1.opacity": 0.0 + "layer0.texture": "ayu/assets/common/arrow-left.png", + "layer0.tint": [130, 140, 153], + "layer0.opacity": 1.0 }, { "class": "scroll_tabs_left_button", "attributes": ["hover"], - "layer1.opacity": 1.0 + "layer0.tint": [255, 106, 0] }, { "class": "scroll_tabs_right_button", "content_margin": [12, 15], - "layer0.texture": "ayu/assets/light/arrow_right.png", - "layer0.opacity": 1.0, - "layer1.texture": "ayu/assets/light/arrow_right--hover.png", - "layer1.opacity": 0.0 + "layer0.texture": "ayu/assets/common/arrow-right.png", + "layer0.tint": [130, 140, 153], + "layer0.opacity": 1.0 }, { "class": "scroll_tabs_right_button", "settings": ["ui_separator"], - "layer2.texture": "ayu/assets/light/separator_right.png", + "layer2.texture": "ayu/assets/common/separator-right.png", + "layer2.tint": [130, 140, 153], "layer2.opacity": 0.2, - "layer2.inner_margin": [0, 1, 2, 1] + "layer2.inner_margin" : [0, 1, 2, 1] }, { "class": "scroll_tabs_right_button", "attributes": ["hover"], - "layer1.opacity": 1.0 + "layer0.tint": [255, 106, 0] }, { "class": "show_tabs_dropdown_button", "content_margin": [12, 12], - "layer0.texture": "ayu/assets/light/overflow_menu.png", + "layer0.texture": "ayu/assets/common/overflow-menu.png", + "layer0.tint": [130, 140, 153], "layer0.opacity": 1.0, - "layer0.inner_margin": 0, - "layer1.texture": "ayu/assets/light/overflow_menu--hover.png", - "layer1.opacity": 0.0, - "layer1.inner_margin": 0 + "layer0.inner_margin": [0, 0] }, { "class": "show_tabs_dropdown_button", "attributes": ["hover"], - "layer1.opacity": 1.0 + "layer0.tint": [255, 106, 0] }, @@ -522,15 +527,15 @@ { "class": "sidebar_container", - "content_margin": [0, -10, 0, 0], + "content_margin": [0, 5, 0, 0], "layer0.opacity": 1, "layer0.tint": [250, 250, 250] }, { "class": "sidebar_container", "settings": ["ui_separator"], - "content_margin": [0, -10, 0, 0], - "layer1.texture": "ayu/assets/light/separator_right.png", + "layer1.texture": "ayu/assets/common/separator-right.png", + "layer1.tint": [130, 140, 153], "layer1.inner_margin": [0, 1, 2, 1], "layer1.opacity": 0.2 }, @@ -541,18 +546,22 @@ "indent": 12, "indent_offset": 0, "indent_top_level": false, - "dark_content": false + "dark_content": true }, { "class": "sidebar_heading", - "color": [0, 0, 0, 0] + "color": [130, 140, 153, 150], + "font.face": "Roboto mono", + "font.bold": true, + "font.size": 11 }, { "class": "tree_row", - "layer1.texture": "ayu/assets/light/tree_highlight.png", + "layer1.texture": "ayu/assets/common/tree-highlight.png", "layer1.opacity": { "target": 0.0, "speed": 5.0, "interpolation": "smoothstep" }, + "layer1.tint": [255, 106, 0], "layer1.inner_margin": [5, 0, 0, 0] }, @@ -564,7 +573,7 @@ { "class": "sidebar_label", - "color": [130, 142, 153], + "color": [130, 140, 153], "shadow_color": [0, 0, 0], "shadow_offset": [0, 0], "font.face": "Roboto mono", @@ -574,13 +583,13 @@ { "class": "sidebar_label", "parents": [{"class": "tree_row","attributes": ["hover"]}], - "color": [71, 80, 89] + "color": [92, 103, 115] }, { "class": "sidebar_label", "parents": [{"class": "tree_row","attributes": ["selected"]}], - "color": [71, 80, 89], + "color": [92, 103, 115], "shadow_color": [0, 0, 0], "shadow_offset": [0, 0] }, @@ -588,7 +597,7 @@ { "class": "sidebar_label", "parents": [{"class": "tree_row","attributes": ["expandable"]}], - "color": [130, 142, 153], + "color": [130, 140, 153], "font.bold": false }, @@ -602,13 +611,13 @@ { "class": "sidebar_label", "parents": [{"class": "tree_row", "attributes": ["expandable", "hover"]}], - "color": [71, 80, 89] + "color": [92, 103, 115] }, { "class": "sidebar_label", "parents": [{"class": "tree_row", "attributes": ["expanded"]}], - "color": [71, 80, 89] + "color": [92, 103, 115] }, { @@ -621,7 +630,7 @@ // { // "class": "sidebar_label", // "parents": [{"class": "tree_row", "attributes": ["expanded", "selected"]}], - // "color": [71, 80, 89] + // "color": [92, 103, 115] // }, { @@ -729,7 +738,7 @@ { "class": "scroll_bar_control", "parents": [{"class": "overlay_control"}], - "layer0.tint": [250, 250, 250, 0], + "layer0.tint": [15, 20, 25, 0], "layer0.opacity": 1.0, "layer0.inner_margin": [0, 2], "blur": false @@ -844,13 +853,13 @@ { "class": "minimap_control", "settings": ["always_show_minimap_viewport"], - "viewport_color": [130, 142, 153, 50] + "viewport_color": [130, 140, 153] }, { "class": "minimap_control", "settings": ["!always_show_minimap_viewport"], - "viewport_color": [130, 142, 153, 30] + "viewport_color": [130, 140, 153, 20] }, @@ -862,7 +871,7 @@ { "class": "label_control", - "color": [130, 142, 153], + "color": [130, 140, 153], "shadow_color": [0, 0, 0, 0], "shadow_offset": [0, 0], "font.bold": false, @@ -875,7 +884,7 @@ { "class": "label_control", "parents": [{"class": "status_bar"}], - "color": [130, 142, 153], + "color": [130, 140, 153], "font.bold": false }, @@ -1017,7 +1026,7 @@ { "class": "label_control", "parents": [{"class": "button_control"}], - "color": [130, 142, 153] + "color": [130, 140, 153] }, { @@ -1032,7 +1041,7 @@ "class": "icon_button_control", "layer0.tint": [0, 0, 0], "layer0.opacity": 0, - "layer2.tint": [71, 80, 89], + "layer2.tint": [92, 103, 115], "layer2.opacity": { "target": 0.0, "speed": 10.0, "interpolation": "smoothstep" }, "content_margin": [10, 5] }, diff --git a/ayu-mirage.sublime-theme b/ayu-mirage.sublime-theme new file mode 100644 index 00000000..43151079 --- /dev/null +++ b/ayu-mirage.sublime-theme @@ -0,0 +1,1348 @@ +// prefix="" +// sublime="" +// ext="sublime-theme" +[ + + /* @ EMPTY WINDOW + * Style for empty (no tabs) window + ========================================================================= */ + + { + "class" : "sheet_container_control", + "layer0.tint" : [33, 39, 51], + "layer0.opacity" : 1 + }, + + + /* @ GRID LAYOUT + * Grid style + ========================================================================= */ + + { + "class": "grid_layout_control", + "border_size": 0, + "border_color": [52, 61, 74] + }, + { + "class": "grid_layout_control", + "settings": ["ui_separator"], + "border_size": 1 + }, + + /* @ DIALOG POPUP + * Dialog popup style and progressbar + ========================================================================= */ + // !!! + { + "class": "progress_gauge_control", + "layer0.tint": [255, 204, 102], + "layer0.opacity": 1.0, + "content_margin": [0, 6] + }, + + { + "class": "dialog", + "layer0.tint": [33, 39, 51], + "layer0.opacity": 1.0 + }, + + { + "class": "progress_bar_control", + "layer0.tint": [33, 39, 51], + "layer0.opacity": 1.0 + }, + + + /* @ CODE FOLDING + * Folding arrow setting and behavioring + ========================================================================= */ + { + "class": "fold_button_control", + "layer0.texture": "ayu/assets/unfold.png", + "layer0.opacity": 1.0, + "layer0.inner_margin": 0, + "layer0.tint": [96, 112, 128], + "content_margin": [8, 6, 8, 6] + }, + + { + "class": "fold_button_control", + "attributes": ["hover"], + "layer0.tint": [255, 204, 102], + }, + + { + "class": "fold_button_control", + "attributes": ["expanded"], + "layer0.texture": "ayu/assets/fold.png" + }, + + + /* @ AUTOCOMPLETE + * Autocomplete popup setting and behavioring + ========================================================================= */ + + { + "class": "popup_control", + "layer0.tint": [39, 45, 56], + "layer0.opacity": 1.0, + "content_margin": [0, 0] + }, + + { + "class": "auto_complete", + "row_padding": [12, 6], + "layer0.tint": [39, 45, 56], + "layer0.opacity": 1.0 + }, + + { + "class": "auto_complete_label", + "fg": [96, 112, 128], + "match_fg": [255, 204, 102], + "selected_fg": [217, 215, 206], + "selected_match_fg": [255, 204, 102] + }, + + { + "class": "table_row", + "layer0.tint": [48, 53, 64], + "layer0.opacity": 0.0 + }, + + { + "class": "table_row", + "attributes": ["selected"], + "layer0.opacity": 1.0 + }, + + + /* @ TOOLTIP + * Tooltip setting and behavioring + ========================================================================= */ + + { + "class": "tool_tip_control", + "layer0.tint": [33, 39, 51], + "layer0.inner_margin": [0, 0], + "layer0.opacity": 1.0, + "content_margin": [10, 6] + }, + + { + "class": "tool_tip_label_control", + "color": [96, 112, 128], + "font.face": "Roboto mono", + "font.size": 12 + }, + + + /* @OVERLAY PANELS + * Overlay panels setting and behavioring + ========================================================================= */ + + // Command Panel + { + "class": "overlay_control", + "layer0.texture": "ayu/assets/overlay-shadow.png", + "layer0.inner_margin": [25, 45, 25, 35], + "layer0.opacity": 1.0, + "layer0.tint": [17, 20, 26], + + "layer1.texture": "ayu/assets/overlay-bg.png", + "layer1.inner_margin": [25, 45, 25, 35], + "layer1.opacity": 1.0, + "layer1.tint": [39, 45, 56], + + "content_margin": [20, 45, 20, 35] + }, + + // Command Panel list item style (cmd + shift + p) + + { + "class": "mini_quick_panel_row", + "layer0.tint": [33, 39, 51, 0], + "layer0.inner_margin": [2, 2, 2, 2], + "layer0.opacity": 1.0 + }, + + // Command Panel selected list item style (cmd + p) + + { + "class": "mini_quick_panel_row", + "attributes": ["selected"], + "layer0.tint": [48, 53, 64] + }, + + // Quick panel project setting (project manager) (cmd + ctrl + p) + + { + "class": "quick_panel", + "row_padding": [32, 12], + "layer0.tint": [39, 45, 56], + "layer0.opacity": 1.0 + }, + + // Quick Panel row default style (project manager) + + { + "class": "quick_panel_row", + "layer0.texture": "", + "layer0.tint": [39, 45, 56], + "layer0.inner_margin": 0, + "layer0.opacity": 1.0 + }, + + // Row panel style inside comman panel (cmd + p) + + { + "class": "quick_panel_row", + "parents": [{"class": "overlay_control"}], + "layer0.tint": [39, 45, 56], + "layer0.opacity": 1.0 + }, + + // Quick panel (project) style inside overlay_control (cmd + shift + p) + + { + "class": "quick_panel", + "parents": [{"class": "overlay_control"}], + "row_padding": [10, 7], + "layer0.tint": [39, 45, 56], + "layer0.opacity": 1.0 + }, + + // Quick Panel selected list item style + + { + "class": "quick_panel_row", + "attributes": ["selected"], + "layer0.tint": [48, 53, 64] + }, + + // Panel labels + + { + "class": "quick_panel_label", + "fg": [96, 112, 128], + "match_fg": [255, 204, 102], + "selected_fg": [217, 215, 206], + "selected_match_fg": [255, 204, 102] + }, + + // Panel labels + + { + "class": "quick_panel_label", + "parents": [{"class": "overlay_control"}], + "fg": [96, 112, 128], + "match_fg": [255, 204, 102], + "selected_fg": [217, 215, 206], + "selected_match_fg": [255, 204, 102] + }, + + // Panels sublabels + + { + "class": "quick_panel_path_label", + "fg": [96, 112, 128], + "match_fg": [217, 215, 206], + "selected_fg": [96, 112, 128], + "selected_match_fg": [217, 215, 206] + }, + + // Panels data / score + + { + "class": "quick_panel_score_label", + "fg": [96, 112, 128], + "selected_fg": [96, 112, 128] + }, + + + + /* @ TABS + * Tabs settings and behavioring + ========================================================================= */ + + { + "class": "tabset_control", + "tab_overlap": 0, + "tab_width": 50, + "tab_min_width": 50, + "tab_height": 30, + "mouse_wheel_switch": false, + + "layer0.opacity": 1.0, + "layer0.tint": [33, 39, 51], + "content_margin": [10, 0] + }, + { + "class": "tabset_control", + "settings": ["mouse_wheel_switches_tabs", "!enable_tab_scrolling"], + "mouse_wheel_switch": true + }, + { + "class": "tabset_control", + "settings": ["ui_separator"], + "content_margin": [0, 0, 0, 0], + "layer1.opacity": 0.3, + "layer1.texture": "ayu/assets/separator-bottom.png", + "layer1.tint": [96, 112, 128], + "layer1.inner_margin": [1, 0, 1, 2] + }, + { + "class": "tabset_control", + "settings": ["ui_big_tabs"], + "tab_height": 44 + }, + + // Tabs + { + "class": "tab_control", + + "layer0.tint": [33, 39, 51], + "layer0.opacity": 1.0, + + "layer1.texture": "", + + "layer2.texture": "ayu/assets/separator-bottom.png", + "layer2.tint": [255, 204, 102], + "layer2.inner_margin": [1, 0, 1, 2], + "layer2.opacity": 0.0, + + "layer3.texture": "", + + "content_margin": [10, -2, 10, 0], + "max_margin_trim": 12 + }, + { + "class": "tab_control", + "settings": ["ui_separator"], + + "layer1.texture": "ayu/assets/separator-right.png", + "layer1.tint": [96, 112, 128], + "layer1.inner_margin": [0, 1, 2, 1], + "layer1.opacity": 0.3, + + "layer3.texture": "ayu/assets/separator-bottom.png", + "layer3.tint": [96, 112, 128], + "layer3.inner_margin": [1, 0, 1, 2], + "layer3.opacity": 0.3 + }, + { + "class": "tab_control", + "settings": ["ui_big_tabs"], + "content_margin": [15, -2, 15, 0] + }, + + // Selected current tab + + { + "class": "tab_control", "attributes": ["selected"], + "layer2.opacity": 1.0, + "layer3.opacity": 0.0 + }, + + // Hovered current tab + + { + "class": "tab_control", "attributes": ["hover"], + "layer2.opacity": 0.3 + }, + + // Selected current tab + + { + "class": "tab_control", "attributes": ["selected","hover"], + "layer2.opacity": 1.0 + }, + + // Tab Labels + + { + "class": "tab_label", + "fg": [33, 39, 51, 0], + "shadow_color": [96, 112, 128], + "shadow_offset": [0, -1], + "font.size": 12, + "font.italic": false, + "font.bold": false, + "font.face": "Roboto mono" + }, + { + "class": "tab_label", + "fg": [96, 112, 128], + "settings": ["ui_fix_tab_labels"], + "shadow_color": [33, 39, 51, 0], + "shadow_offset": [0, 0] + }, + + // Tab selected label color + + { + "class": "tab_label", + "parents": [{"class": "tab_control", "attributes": ["selected"]}], + "fg": [33, 39, 51, 0], + "shadow_color": [217, 215, 206], + "shadow_offset": [0, -1], + }, + { + "class": "tab_label", + "settings": ["ui_fix_tab_labels"], + "parents": [{"class": "tab_control", "attributes": ["selected"]}], + "fg": [217, 215, 206], + "shadow_color": [33, 39, 51, 0], + "shadow_offset": [0, 0] + }, + + { + "class": "tab_label", + "attributes": ["transient"], + "font.italic": true + }, + + // Tab Close Buttons + { + "class": "tab_close_button", + "content_margin": [0, 0], + + // Close Icon + "layer0.texture": "ayu/assets/close.png", + "layer0.tint": [96, 112, 128], + "layer0.opacity": 1.0, + + // Dirty Icon + "layer1.texture": "ayu/assets/dirty.png", + "layer1.tint": [96, 112, 128], + "layer1.opacity": 0, + }, + + // Default + { + "class": "tab_close_button", + "settings": ["show_tab_close_buttons"], + "content_margin": [8, 8] + }, + + // Default hover + { + "class": "tab_close_button", + "settings": ["show_tab_close_buttons"], + "attributes": ["hover"], + "layer0.tint": [255, 204, 102] + }, + + // Dirty tab + { + "class": "tab_close_button", + "parents": [{"class": "tab_control", "attributes": ["dirty"]}], + "layer0.opacity": 0, // Close Icon + "layer1.opacity": 1.0, // dirty Icon + "content_margin": [8, 8] + }, + + // Dirty tab on hover + { + "class": "tab_close_button", + "parents": [{"class": "tab_control", "attributes": ["dirty"]}], + "attributes": ["hover"], + "layer0.opacity": 1.0, // Close Icon + "layer1.opacity": 0 // Close Icon + }, + + // Selected dirty tab + { + "class": "tab_close_button", + "parents": [{"class": "tab_control", "attributes": ["selected", "dirty"]}], + "layer0.opacity": 0, // Close Icon + "layer1.opacity": 1.0, // Dirty Icon + "layer1.tint": [255, 204, 102] + }, + + // Selected dirty tab on hover + { + "class": "tab_close_button", + "parents": [{"class": "tab_control", "attributes": ["selected", "dirty"]}], + "attributes": ["hover"], + "layer0.opacity": 1.0, + "layer1.opacity": 0 + }, + + // tab set scroll left | scroll right + { + "class": "scroll_tabs_left_button", + "content_margin": [12, 15], + "layer0.texture": "ayu/assets/arrow-left.png", + "layer0.tint": [62, 75, 89], + "layer0.opacity": 1.0 + }, + + { + "class": "scroll_tabs_left_button", + "attributes": ["hover"], + "layer0.tint": [255, 204, 102] + }, + + { + "class": "scroll_tabs_right_button", + "content_margin": [12, 15], + "layer0.texture": "ayu/assets/arrow-right.png", + "layer0.tint": [62, 75, 89], + "layer0.opacity": 1.0 + }, + { + "class": "scroll_tabs_right_button", + "settings": ["ui_separator"], + "layer2.texture": "ayu/assets/separator-right.png", + "layer2.tint": [96, 112, 128], + "layer2.opacity": 0.3, + "layer2.inner_margin" : [0, 1, 2, 1] + }, + + { + "class": "scroll_tabs_right_button", + "attributes": ["hover"], + "layer0.tint": [255, 204, 102] + }, + + { + "class": "show_tabs_dropdown_button", + "content_margin": [12, 12], + "layer0.texture": "ayu/assets/overflow-menu.png", + "layer0.tint": [62, 75, 89], + "layer0.opacity": 1.0, + "layer0.inner_margin": [0, 0] + }, + + { + "class": "show_tabs_dropdown_button", + "attributes": ["hover"], + "layer0.tint": [255, 204, 102] + }, + + + /* @ SIDEBAR + * Sidebar panel settings and behavioring + ========================================================================= */ + + { + "class": "sidebar_container", + "content_margin": [0, -10, 0, 0], + "layer0.opacity": 1, + "layer0.tint": [33, 39, 51] + }, + { + "class": "sidebar_container", + "settings": ["ui_separator"], + "layer1.texture": "ayu/assets/separator-right.png", + "layer1.tint": [96, 112, 128], + "layer1.inner_margin": [0, 1, 2, 1], + "layer1.opacity": 0.3 + }, + + { + "class": "sidebar_tree", + "row_padding": [20, 6], + "indent": 12, + "indent_offset": 0, + "indent_top_level": false, + "dark_content": false + }, + + { + "class": "sidebar_heading", + "color": [33, 39, 51], + "font.face": "Roboto mono", + "font.bold": true, + "font.size": 11 + }, + + { + "class": "tree_row", + "layer1.texture": "ayu/assets/tree-highlight.png", + "layer1.opacity": { "target": 0.0, "speed": 5.0, "interpolation": "smoothstep" }, + "layer1.tint": [255, 204, 102], + "layer1.inner_margin": [5, 0, 0, 0] + }, + + { + "class": "tree_row", + "attributes": ["selected"], + "layer1.opacity": { "target": 1.0, "speed": 5.0, "interpolation": "smoothstep" } + }, + + { + "class": "sidebar_label", + "color": [96, 112, 128], + "shadow_color": [0, 0, 0], + "shadow_offset": [0, 0], + "font.face": "Roboto mono", + "font.size": 12 + }, + + { + "class": "sidebar_label", + "parents": [{"class": "tree_row","attributes": ["hover"]}], + "color": [217, 215, 206] + }, + + { + "class": "sidebar_label", + "parents": [{"class": "tree_row","attributes": ["selected"]}], + "color": [217, 215, 206], + "shadow_color": [0, 0, 0], + "shadow_offset": [0, 0] + }, + + { + "class": "sidebar_label", + "parents": [{"class": "tree_row","attributes": ["expandable"]}], + "color": [96, 112, 128], + "font.bold": false + }, + + { + "class": "sidebar_label", + "parents": [{"class": "tree_row", "attributes": ["expandable"]}], + "settings": ["bold_folder_labels"], + "font.bold": true + }, + + { + "class": "sidebar_label", + "parents": [{"class": "tree_row", "attributes": ["expandable", "hover"]}], + "color": [217, 215, 206] + }, + + { + "class": "sidebar_label", + "parents": [{"class": "tree_row", "attributes": ["expanded"]}], + "color": [217, 215, 206] + }, + + { + "class": "sidebar_label", + "parents": [{"class": "tree_row", "attributes": ["expanded"]}], + "settings": ["bold_folder_labels"], + "font.bold": true + }, + + // { + // "class": "sidebar_label", + // "parents": [{"class": "tree_row", "attributes": ["expanded", "selected"]}], + // "color": [217, 215, 206] + // }, + + { + "class": "sidebar_label", + "attributes": ["transient"], + "font.italic": false + }, + + // File icons and folder + + { + "class": "icon_file_type", + // layer0.texture is filled in by code with the relevant icon name + "layer0.opacity": 0.8, + "layer0.inner_margin": [0, 2, 0, -2], + "content_margin": [9, 9] + }, + { + "class": "icon_file_type", + "parents": [{"class": "tree_row", "attributes": ["selected"]}], + "layer0.opacity": 1 + }, + { + "class": "icon_file_type", + "parents": [{"class": "tree_row", "attributes": ["hover"]}], + "layer0.opacity": 1 + }, + + // Secondary folder icon (original) used as main folder icon + + { + "class": "icon_folder", + "content_margin": [9, 9], + "layer0.tint": [33, 39, 51], + "layer0.opacity": 0, + + "layer1.texture": "ayu/assets/folder.png", + "layer1.tint": [62, 75, 89], + "layer1.opacity": 1, + + "layer2.texture": "ayu/assets/folder-open.png", + "layer2.tint": [255, 204, 102], + "layer2.opacity": 0.0 + }, + + { + "class": "icon_folder", + "parents": [{ "class": "tree_row", "attributes": ["expanded"] }], + "layer1.opacity": 0.0, + "layer2.opacity": 1.0 + }, + + { + "class": "icon_folder", + "parents": [{ "class": "tree_row", "attributes": ["hover"] }], + "layer1.tint": [255, 204, 102] + }, + + { + "class": "icon_folder", + "parents": [{ "class": "tree_row", "attributes": ["expanded", "hover"] }], + "layer2.texture": { + "keyframes": [ + "ayu/assets/folder-open-1.png", + "ayu/assets/folder-open-1.png", + "ayu/assets/folder-open-2.png", + "ayu/assets/folder-open-3.png", + "ayu/assets/folder-open-4.png", + "ayu/assets/folder-open-5.png", + "ayu/assets/folder-open-5.png", + "ayu/assets/folder-open-5.png", + "ayu/assets/folder-open-6.png", + "ayu/assets/folder-open-6.png", + "ayu/assets/folder-open-6.png", + "ayu/assets/folder-open-6.png", + "ayu/assets/folder-open.png" + ], + "loop": false, + "frame_time": 0.020 + }, + "layer1.opacity": 0.0, + "layer2.opacity": 1.0 + }, + + { + "class": "icon_folder", + "parents": [{ "class": "tree_row", "attributes": ["selected"] }], + "layer1.tint": [255, 204, 102] + }, + + { + "class": "icon_folder_loading", + "layer1.texture": { + "keyframes": [ + "ayu/assets/spinner11.png", + "ayu/assets/spinner10.png", + "ayu/assets/spinner9.png", + "ayu/assets/spinner8.png", + "ayu/assets/spinner7.png", + "ayu/assets/spinner6.png", + "ayu/assets/spinner5.png", + "ayu/assets/spinner4.png", + "ayu/assets/spinner3.png", + "ayu/assets/spinner2.png", + "ayu/assets/spinner1.png", + "ayu/assets/spinner.png" + ], + "loop": true, + "frame_time": 0.075 + }, + "layer1.tint": [255, 204, 102], + + "layer0.opacity": 0.0, + "content_margin": [8, 8] + }, + + // Symlink folder icon + { + "class": "icon_folder_dup", + "content_margin": [9, 9], + "layer0.texture": "ayu/assets/folder.png", + "layer0.tint": [62, 75, 89], + "layer0.opacity": 1.0, + + "layer1.texture": "ayu/assets/folder-symlink.png", + "layer1.tint": [96, 112, 128], + "layer1.opacity": 0.3 + }, + + { + "class": "icon_folder_dup", + "parents": [{ "class": "tree_row", "attributes": ["hover"]}], + "layer0.tint": [255, 204, 102] + }, + + { + "class": "icon_folder_dup", + "parents": [{"class": "tree_row", "attributes": ["expanded"] }], + "layer0.tint": [255, 204, 102] + }, + + // Hidden arrow icon before folder + + { + "class": "disclosure_button_control", + "content_margin": [0, 0, 0, 0] + }, + + // Opened files + { + "class": "close_button", + "content_margin": [8, 8], + + // Default Close icon + "layer0.texture": "ayu/assets/close.png", + "layer0.opacity": 0, + "layer0.inner_margin": [0, 0], + "layer0.tint": [96, 112, 128] + }, + + + // Opened file hover + + { + "class": "close_button", + "parents": [{ "class": "tree_row", "attributes": ["hover"] }], + // Default Close icon + "layer0.opacity": 0.6 + }, + + { + "class": "close_button", + "attributes": ["dirty"], + "layer0.texture": "ayu/assets/dirty.png", + "layer0.tint": [96, 112, 128], + "layer0.opacity": 1.0 + }, + + { + "class": "close_button", + "attributes": ["hover"], + "layer0.opacity": 1.0, + "layer0.tint": [255, 204, 102] + }, + + + /* @ SCROLLBARS + * Scrollbars settings and behavioring + ========================================================================= */ + + // Normal Vertical scrollbar track + // !!! + { + "class": "scroll_bar_control", + "layer0.tint" : [33, 39, 51], + "layer0.opacity": 1, + "layer0.inner_margin": [0, 0], + "blur": false + }, + + // Normal Vertical scrollbar track inside overlay panel + + { + "class": "scroll_bar_control", + "parents": [{"class": "overlay_control"}], + "layer0.tint": [33, 39, 51, 0], + "layer0.opacity": 1.0, + "layer0.inner_margin": [0, 2], + "blur": false + }, + + // Normal horizontal scrollbar track + + { + "class": "scroll_bar_control", + "attributes": ["horizontal"], + "layer0.texture": "", + "layer0.tint" : [33, 39, 51], + "layer0.inner_margin": [0, 0], + "blur": false + }, + + // Normal horizontal scrollbar track inside overlay panel + // !!! + // { + // "class": "scroll_bar_control", + // "attributes": ["horizontal"], + // "parents": [{"class": "overlay_control"}], + // "layer0.tint": [33, 39, 51, 0], + // "layer0.opacity": 0.0, + // "layer0.inner_margin": [0, 2], + // "blur": false + // }, + + // Scrollbars corner + + { + "class": "scroll_corner_control", + "layer0.texture": "", + "layer0.tint":[33, 39, 51], + "layer0.inner_margin": [0, 0], + "layer0.opacity": 1, + "blur": false + }, + + // 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], + "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], + "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 + }, + + + { + "class": "scroll_area_control", + "parents": [{"class": "overlay_control"}], + "settings": ["overlay_scroll_bars"], + "overlay": true // set to false for the original behavior + }, + + { + "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"], + "layer0.tint": [28, 31, 38], + "layer0.inner_margin": [0, 5], + "blur": false + }, + + { + "class": "scroll_bar_control", + "settings": ["overlay_scroll_bars"], + "attributes": ["horizontal"], + "layer0.inner_margin": [5, 0], + "blur": true + }, + + + /* @ MINIMAP + * Minimap settings and behavioring + ========================================================================= */ + + { + "class": "minimap_control", + "settings": ["always_show_minimap_viewport"], + "viewport_color": [100, 100, 100], + "viewport_opacity": 0.3 + }, + + { + "class": "minimap_control", + "settings": ["!always_show_minimap_viewport"], + "viewport_color": [100, 100, 100], + "viewport_opacity": { "target": 0, "speed": 4.0, "interpolation": "smoothstep" } + }, + + { + "class": "minimap_control", + "attributes": ["hover"], + "settings": ["!always_show_minimap_viewport"], + "viewport_opacity": { "target": 0.2, "speed": 4.0, "interpolation": "smoothstep" } + }, + + + /* @ STATUS BAR + * Status bar settings and behavioring + ========================================================================= */ + + // All labels + + { + "class": "label_control", + "color": [96, 112, 128], + "shadow_color": [0, 0, 0, 0], + "shadow_offset": [0, 0], + "font.bold": false, + "font.face": "Roboto mono", + "font.size": 12 + }, + + // Status bar labels + + { + "class": "label_control", + "parents": [{"class": "status_bar"}], + "color": [96, 112, 128], + "font.bold": false + }, + + // Text field labels + + { + "class": "status_bar", + "layer0.texture": "", + "layer0.tint": [33, 39, 51], + "layer0.opacity": 1, + "layer1.texture": "ayu/assets/separator-top.png", + "layer1.inner_margin": [1, 2, 1, 0], + "content_margin": [10, 0] + }, + { + "class": "status_bar", + "settings": ["ui_separator"], + "layer0.tint": [39, 45, 56] + // "layer1.opacity": 0.3 + }, + + { + "class": "status_container", + "content_margin": [0, 5] + }, + + { + "class": "status_button", + "min_size": [100, 0] + }, + + + /* @ WIDGET PANEL + * Widget, input, buttons settings and behavioring + ========================================================================= */ + + + // Status bar panel + { + "class": "panel_control", + "layer0.tint": [33, 39, 51], + "layer0.opacity": 1.0, + "content_margin": [0, 5] + }, + { + "class": "panel_control", + "settings": ["ui_separator"], + "layer0.tint": [39, 45, 56], + "layer1.texture": "ayu/assets/separator-top.png", + "layer1.tint": [96, 112, 128], + "layer1.inner_margin": [1, 2, 1, 0], + "layer1.opacity": 0.3 + }, + + // Status bar panel close icon + + { + "class": "panel_close_button", + "layer0.texture": "ayu/assets/close.png", + "layer0.opacity": 1.0, + "layer0.tint": [96, 112, 128], + "content_margin": [0, 0] // 8,8 to show + }, + // !!! + { + "class": "panel_close_button", + "attributes": ["hover"], + "layer0.tint": [255, 204, 102] + }, + + // Texline input + + { + "class": "text_line_control", + "layer0.texture": "ayu/assets/input-bg.png", + "layer0.opacity": 1, + "layer0.inner_margin": [10, 8], + "layer0.tint": [39, 45, 56], + + "layer1.texture": "ayu/assets/input-border.png", + "layer1.opacity": 0.3, + "layer1.inner_margin": [10, 8], + "layer1.tint": [96, 112, 128], + "content_margin": [10, 7, 10, 5] + }, + + + // Textline input inside overlay panels + + { + "class": "text_line_control", + "parents": [{"class": "overlay_control"}], + "layer0.texture": "", + "layer0.opacity": 0, + "layer1.texture": "ayu/assets/input-search.png", + "layer1.opacity": 1, + "layer1.tint": [255, 204, 102], + "layer1.inner_margin": [35, 0, 0, 0], + "content_margin": [43, 7, 10, 4] + }, + + // Textline input oveflow menu + { + "class": "dropdown_button_control", + "content_margin": [12, 12], + "layer0.texture": "ayu/assets/overflow-menu.png", + "layer0.tint": [62, 75, 89], + "layer0.opacity": 1.0 + }, + { + "class": "dropdown_button_control", + "attributes": ["hover"], + "layer0.tint": [255, 204, 102] + }, + + + /* @ BUTTONS + * Buttons panels settings and behavioring + ========================================================================= */ + + + // Button labels + + { + "class": "button_control", + "content_margin": [15, 9, 15, 10], + "min_size": [60, 0], + "layer0.tint": [255, 204, 102, 10], + "layer0.texture": "ayu/assets/input-bg.png", + "layer0.inner_margin": [10, 8], + "layer0.opacity": 0 + }, + { + "class": "button_control", + "attributes": ["hover"], + "layer0.opacity": 1 + }, + + { + "class": "label_control", + "parents": [{"class": "button_control"}], + "color": [96, 112, 128] + }, + + { + "class": "label_control", + "parents": [{"class": "button_control", "attributes": ["hover"]}], + "color": [255, 204, 102] + }, + + // !!! + // Small Icon Buttons + { + "class": "icon_button_control", + "layer0.tint": [0, 0, 0], + "layer0.opacity": 0, + "layer2.tint": [217, 215, 206], + "layer2.opacity": { "target": 0.0, "speed": 10.0, "interpolation": "smoothstep" }, + "content_margin": [10, 5] + }, + + + /* Buttons icons settings + ===================================================================== */ + + // Regex Icon + { + "class": "icon_regex", + "layer0.texture": "ayu/assets/regex.png", + "layer0.tint": [62, 75, 89], + "layer0.opacity": 1.0, + "content_margin": [12, 12] + }, + + { + "class": "icon_regex", + "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], + "layer0.tint": [255, 204, 102] + }, + + // Preserve case sensitive + + { + "class": "icon_case", + "layer0.texture": "ayu/assets/matchcase.png", + "layer0.tint": [62, 75, 89], + "layer0.opacity": 1.0, + "content_margin": [12, 12] + }, + + { + "class": "icon_case", + "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], + "layer0.tint": [255, 204, 102] + }, + + // Wholeword + + { + "class": "icon_whole_word", + "layer0.texture": "ayu/assets/word.png", + "layer0.tint": [62, 75, 89], + "layer0.opacity": 1.0, + "content_margin": [12, 12] + }, + + + { + "class": "icon_whole_word", + "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], + "layer0.tint": [255, 204, 102] + }, + + // Wrap + + { + "class": "icon_wrap", + "layer0.texture": "ayu/assets/wrap.png", + "layer0.tint": [62, 75, 89], + "layer0.opacity": 1.0, + "content_margin": [12, 12] + }, + + { + "class": "icon_wrap", + "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], + "layer0.tint": [255, 204, 102] + }, + + // In selection + + { + "class": "icon_in_selection", + "layer0.texture": "ayu/assets/inselection.png", + "layer0.tint": [62, 75, 89], + "layer0.opacity": 1.0, + "content_margin": [12, 12] + }, + + { + "class": "icon_in_selection", + "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], + "layer0.tint": [255, 204, 102] + }, + + // Highlight Result + + { + "class": "icon_highlight", + "layer0.texture": "ayu/assets/highlight.png", + "layer0.tint": [62, 75, 89], + "layer0.opacity": 1.0, + "content_margin": [12, 12] + }, + + { + "class": "icon_highlight", + "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], + "layer0.tint": [255, 204, 102] + }, + + // Preserve Case + + { + "class": "icon_preserve_case", + "layer0.texture": "ayu/assets/replace-preserve-case.png", + "layer0.tint": [62, 75, 89], + "layer0.opacity": 1.0, + "content_margin": [12, 12] + }, + + { + "class": "icon_preserve_case", + "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], + "layer0.tint": [255, 204, 102] + }, + + // Show context + + { + "class": "icon_context", + "layer0.texture": "ayu/assets/context.png", + "layer0.tint": [62, 75, 89], + "layer0.opacity": 1.0, + "content_margin": [12, 12] + }, + + + { + "class": "icon_context", + "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], + "layer0.tint": [255, 204, 102] + }, + + // Use buffer + + { + "class": "icon_use_buffer", + "layer0.texture": "ayu/assets/buffer.png", + "layer0.tint": [62, 75, 89], + "layer0.opacity": 1.0, + "content_margin": [12, 12] + }, + + { + "class": "icon_use_buffer", + "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], + "layer0.tint": [255, 204, 102] + }, + + // Reverse direction + + { + "class": "icon_reverse", + "layer0.texture": "ayu/assets/reverse.png", + "layer0.tint": [62, 75, 89], + "layer0.opacity": 1.0, + "content_margin": [12, 12] + }, + + { + "class": "icon_reverse", + "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], + "layer0.tint": [255, 204, 102] + }, + + + /* Visual settings + ===================================================================== */ + + // UI font sizees + // ============== + { + "class": "tab_label", + "settings": ["ui_font_size_small"], + "font.size": 11 + }, + { + "class": "sidebar_label", + "settings": ["ui_font_size_small"], + "font.size": 11 + }, + { + "class": "label_control", + "settings": ["ui_font_size_small"], + "font.size": 11 + }, + { + "class": "tool_tip_label_control", + "settings": ["ui_font_size_small"], + "font.size": 11 + } +] diff --git a/ayu-mirage.tmTheme b/ayu-mirage.tmTheme new file mode 100644 index 00000000..09b252ee --- /dev/null +++ b/ayu-mirage.tmTheme @@ -0,0 +1,832 @@ + + + + + author + Ike Ku + colorSpaceName + sRGB + name + ayu + semanticClass + ayu.mirage + settings + + + settings + + activeGuide + #606F80 + background + #212733 + caret + #FFCC66 + findHighlight + #D4BFFF + findHighlightForeground + #FFFFFF + foreground + #D9D7CE + guide + #3D4752 + gutter + #212733 + gutterForeground + #3D4752 + inactiveBackground + #212733 + inactiveSelection + #2D3640 + invisibles + #FF0000 + lineHighlight + #242B38 + popupCss + html, body { + background-color: #272D38; + font-size: 12px; + color: #D9D7CE; + padding: 0; +} +body { + padding: 5px; +} +div { + padding-bottom: -3px; +} +b, strong { + font-weight: normal; +} +a { + color: rgba(92, 207, 230, .7); + line-height: 16px; +} +.type { + color: #F07178; +} +.name { + color: #FFC44C; +} +.param { + color: #FFD580; +} +.current { + text-decoration: underline; +} + + selection + #343F4D + selectionBorder + #D9D7CE35 + shadow + #00000010 + stackGuide + #39434D + + + + name + Comments + scope + comment, punctuation.definition.comment + settings + + fontStyle + italic + foreground + #5C6773 + + + + name + Variable + scope + variable + settings + + foreground + #D9D7CE + + + + name + Keyword, Storage + scope + keyword, storage.type, storage.modifier + settings + + foreground + #FFAE57 + + + + name + Operator, Misc + scope + constant.other.color, meta.tag, punctuation.separator.inheritance.php, punctuation.section.embedded, keyword.other.substitution + settings + + foreground + #80D4FF + + + + name + Tag + scope + entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter + settings + + foreground + #5CCFE6 + + + + name + Function, Special Method, Block Level + scope + entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method, meta.block-level + settings + + foreground + #FFD580 + + + + name + Other Variable, String Link + scope + support.other.variable, string.other.link + settings + + foreground + #F07178 + + + + name + Number, Constant, Function Argument, Tag Attribute, Embedded + scope + constant.numeric, constant.language, support.constant, constant.character, variable.parameter, keyword.other.unit + settings + + foreground + #D4BFFF + + + + name + String, Symbols, Inherited Class, Markup Heading + scope + string, keyword.other.template, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js + settings + + fontStyle + normal + foreground + #BAE67E + + + + name + Class, Support + scope + entity.name.class, entity.name.type.class, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter + settings + + foreground + #5CCFE6 + + + + name + Sub-methods + scope + entity.name.module.js, variable.import.parameter.js, variable.other.class.js + settings + + foreground + #5CCFE6 + + + + name + Language methods + scope + variable.language + settings + + fontStyle + italic + foreground + #5CCFE6 + + + + name + Invalid + scope + invalid + settings + + foreground + #FF3333 + + + + name + Deprecated + scope + invalid.deprecated + settings + + background + #FFAE57 + foreground + #FFFFFF + + + + name + Html punctuations tags + scope + punctuation.definition.tag.end, punctuation.definition.tag.begin, punctuation.definition.tag + settings + + foreground + #5CCFE690 + + + + name + Attributes + scope + entity.other.attribute-name + settings + + foreground + #FFAE57 + + + + name + Inserted + scope + markup.inserted + settings + + foreground + #BAE67E + + + + name + Deleted + scope + markup.deleted + settings + + foreground + #5CCFE6 + + + + name + Changed + scope + markup.changed + settings + + foreground + #FFAE57 + + + + name + Regular Expressions and Escape Characters + scope + string.regexp, constant.character.escape + settings + + foreground + #95E6CB + + + + name + URL + scope + *url*, *link*, *uri* + settings + + fontStyle + underline + + + + name + Search Results Nums + scope + constant.numeric.line-number.find-in-files - match + settings + + foreground + #5C6773 + + + + name + Search Results Lines + scope + entity.name.filename.find-in-files + settings + + foreground + #BAE67E + + + + name + Decorators + scope + tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js + settings + + fontStyle + italic + foreground + #FFC44C + + + + name + ES7 Bind Operator + scope + source.js constant.other.object.key.js string.unquoted.label.js + settings + + fontStyle + italic + foreground + #5CCFE6 + + + + name + entity.name.method.js + scope + entity.name.method.js + settings + + fontStyle + italic + foreground + #FFC44C + + + + name + meta.method.js + scope + meta.class-method.js entity.name.function.js, variable.function.constructor + settings + + foreground + #FFC44C + + + + name + Markup - Italic + scope + markup.italic + settings + + fontStyle + italic + foreground + #F07178 + + + + name + Markup - Bold + scope + markup.bold + settings + + fontStyle + bold + foreground + #F07178 + + + + name + Markup - Underline + scope + markup.underline + settings + + fontStyle + underline + foreground + #D4BFFF + + + + name + Markup - Strike + scope + markup.strike + settings + + fontStyle + strike + foreground + #FFC44C + + + + name + Markup - Quote + scope + markup.quote + settings + + fontStyle + italic + foreground + #80D4FF + + + + name + Markup - Raw Block + scope + markup.raw.block + settings + + foreground + #FFAE57 + + + + name + Markup - Table + scope + markup.table + settings + + background + #3cadd71a + foreground + #5CCFE6 + + + + name + Markdown - Plain + scope + text.html.markdown, punctuation.definition.list_item.markdown + settings + + foreground + #D9D7CE + + + + name + Markdown - Markup Raw Inline + scope + text.html.markdown markup.raw.inline + settings + + foreground + #5CCFE6 + + + + name + Markdown - Line Break + scope + text.html.markdown meta.dummy.line-break + settings + + foreground + #5C6773 + + + + name + Markdown - Heading + scope + markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown + settings + + foreground + #BAE67E + + + + name + Markdown - Blockquote + scope + markup.quote, punctuation.definition.blockquote.markdown + settings + + fontStyle + italic + foreground + #80D4FF + + + + name + Markdown - Link + scope + string.other.link.title.markdown + settings + + fontStyle + underline + foreground + #FFC44C + + + + name + Markdown - Raw Block Fenced + scope + markup.raw.block.fenced.markdown + settings + + background + #ffffff10 + foreground + #D9D7CE + + + + name + Markdown - Fenced Bode Block + scope + punctuation.definition.fenced.markdown, variable.language.fenced.markdown + settings + + background + #ffffff10 + foreground + #5C6773 + + + + name + Markdown - Fenced Language + scope + variable.language.fenced.markdown + settings + + fontStyle + + foreground + #5C6773 + + + + name + Markdown - Separator + scope + meta.separator + settings + + background + #ffffff10 + fontStyle + bold + foreground + #5C6773 + + + + name + JSON Key - Level 8 + scope + source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string + settings + + foreground + #5CCFE6 + + + + name + JSON Key - Level 7 + scope + source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string + settings + + foreground + #5CCFE6 + + + + name + JSON Key - Level 6 + scope + source.json meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string + settings + + foreground + #5CCFE6 + + + + name + JSON Key - Level 5 + scope + source.json meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string + settings + + foreground + #5CCFE6 + + + + name + JSON Key - Level 4 + scope + source.json meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string + settings + + foreground + #5CCFE6 + + + + name + JSON Key - Level 3 + scope + source.json meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string + settings + + foreground + #5CCFE6 + + + + name + JSON Key - Level 2 + scope + source.json meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string + settings + + foreground + #5CCFE6 + + + + name + JSON Key - Level 1 + scope + source.json meta meta.structure.dictionary.json string.quoted.double.json - meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta.structure.dictionary.json punctuation.definition.string - meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string + settings + + foreground + #5CCFE6 + + + + name + JSON Key - Level 0 + scope + source.json meta.structure.dictionary.json string.quoted.double.json - meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta.structure.dictionary.json punctuation.definition.string - meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string + settings + + foreground + #5CCFE6 + + + + name + AceJump Label - Blue + scope + acejump.label.blue + settings + + background + #5CCFE6 + foreground + #FFFFFF + + + + name + AceJump Label - Green + scope + acejump.label.green + settings + + background + #BAE67E + foreground + #FFFFFF + + + + name + AceJump Label - Orange + scope + acejump.label.orange + settings + + background + #FFAE57 + foreground + #FFFFFF + + + + name + AceJump Label - Purple + scope + acejump.label.purple + settings + + background + #F07178 + foreground + #FFFFFF + + + + name + SublimeLinter Warning + scope + sublimelinter.mark.warning + settings + + foreground + #5CCFE6 + + + + name + SublimeLinter Gutter Mark + scope + sublimelinter.gutter-mark + settings + + foreground + #FFFFFF + + + + name + SublimeLinter Error + scope + sublimelinter.mark.error + settings + + foreground + #FF3333 + + + + name + GitGutter Ignored + scope + markup.ignored.git_gutter + settings + + foreground + #5C6773 + + + + name + GitGutter Untracked + scope + markup.untracked.git_gutter + settings + + foreground + #5C6773 + + + + name + GutterColor + scope + gutter_color + settings + + foreground + #FFFFFF + + + + uuid + 0e709986-46a0-40a0-b3bf-c8dfe525c455 + + diff --git a/ayu.sublime-theme b/ayu-mirage2.sublime-theme similarity index 68% rename from ayu.sublime-theme rename to ayu-mirage2.sublime-theme index 0e74cc94..da7c0ff7 100644 --- a/ayu.sublime-theme +++ b/ayu-mirage2.sublime-theme @@ -1,3 +1,6 @@ +// prefix="" +// sublime="2" +// ext="sublime-theme" [ /* @ EMPTY WINDOW @@ -6,7 +9,7 @@ { "class" : "sheet_container_control", - "layer0.tint" : [15, 20, 25], + "layer0.tint" : [33, 39, 51], "layer0.opacity" : 1.0 }, @@ -18,7 +21,7 @@ { "class": "grid_layout_control", "border_size": 0, - "border_color": [30, 38, 47] + "border_color": [52, 61, 74] }, { "class": "grid_layout_control", @@ -32,20 +35,20 @@ // !!! { "class": "progress_gauge_control", - "layer0.tint": [242, 151, 24], + "layer0.tint": [255, 204, 102], "layer0.opacity": 1.0, "content_margin": [0, 6] }, { "class": "dialog", - "layer0.tint": [15, 20, 25], + "layer0.tint": [33, 39, 51], "layer0.opacity": 1.0 }, { "class": "progress_bar_control", - "layer0.tint": [15, 20, 25], + "layer0.tint": [33, 39, 51], "layer0.opacity": 1.0 }, @@ -55,27 +58,23 @@ ========================================================================= */ { "class": "fold_button_control", - "layer0.texture": "ayu/assets/dark/unfold.png", + "layer0.texture": "ayu/assets/common/unfold.png", "layer0.opacity": 1.0, "layer0.inner_margin": 0, - "layer1.texture": "ayu/assets/dark/unfold--hover.png", - "layer1.opacity": 0.0, - "layer1.inner_margin": 0, + "layer0.tint": [96, 112, 128], "content_margin": [8, 6, 8, 6] }, { "class": "fold_button_control", "attributes": ["hover"], - "layer0.opacity": 0.0, - "layer1.opacity": 1.0 + "layer0.tint": [255, 204, 102] }, { "class": "fold_button_control", "attributes": ["expanded"], - "layer0.texture": "ayu/assets/dark/fold.png", - "layer1.texture": "ayu/assets/dark/fold--hover.png" + "layer0.texture": "ayu/assets/common/fold.png" }, @@ -85,7 +84,7 @@ { "class": "popup_control", - "layer0.tint": [20, 25, 31], + "layer0.tint": [39, 45, 56], "layer0.opacity": 1.0, "content_margin": [0, 0] }, @@ -93,21 +92,21 @@ { "class": "auto_complete", "row_padding": [12, 6], - "layer0.tint": [20, 25, 31], + "layer0.tint": [39, 45, 56], "layer0.opacity": 1.0 }, { "class": "auto_complete_label", - "fg": [92, 103, 115], - "match_fg": [242, 151, 24], - "selected_fg": [230, 225, 207], - "selected_match_fg": [242, 151, 24] + "fg": [96, 112, 128], + "match_fg": [255, 204, 102], + "selected_fg": [217, 215, 206], + "selected_match_fg": [255, 204, 102] }, { "class": "table_row", - "layer0.tint": [25, 31, 38], + "layer0.tint": [48, 53, 64], "layer0.opacity": 0.0 }, @@ -124,7 +123,7 @@ { "class": "tool_tip_control", - "layer0.tint": [15, 20, 25], + "layer0.tint": [33, 39, 51], "layer0.inner_margin": [0, 0], "layer0.opacity": 1.0, "content_margin": [10, 6] @@ -132,7 +131,7 @@ { "class": "tool_tip_label_control", - "color": [66, 80, 94], + "color": [96, 112, 128], "font.face": "Roboto mono", "font.size": 12 }, @@ -145,9 +144,16 @@ // Command Panel { "class": "overlay_control", - "layer0.texture": "ayu/assets/dark/overlay_bg.png", + "layer0.texture": "ayu/assets/common/overlay-shadow.png", "layer0.inner_margin": [25, 45, 25, 35], "layer0.opacity": 1.0, + "layer0.tint": [17, 20, 26], + + "layer1.texture": "ayu/assets/common/overlay-bg.png", + "layer1.inner_margin": [25, 45, 25, 35], + "layer1.opacity": 1.0, + "layer1.tint": [39, 45, 56], + "content_margin": [20, 45, 20, 35] }, @@ -155,7 +161,7 @@ { "class": "mini_quick_panel_row", - "layer0.tint": [15, 20, 25, 0], + "layer0.tint": [33, 39, 51, 0], "layer0.inner_margin": [2, 2, 2, 2], "layer0.opacity": 1.0 }, @@ -165,7 +171,7 @@ { "class": "mini_quick_panel_row", "attributes": ["selected"], - "layer0.tint": [25, 31, 38] + "layer0.tint": [48, 53, 64] }, // Quick panel project setting (project manager) (cmd + ctrl + p) @@ -173,7 +179,7 @@ { "class": "quick_panel", "row_padding": [32, 12], - "layer0.tint": [20, 25, 31], + "layer0.tint": [39, 45, 56], "layer0.opacity": 1.0 }, @@ -182,7 +188,7 @@ { "class": "quick_panel_row", "layer0.texture": "", - "layer0.tint": [10, 15, 21, 0], + "layer0.tint": [39, 45, 56], "layer0.inner_margin": 0, "layer0.opacity": 1.0 }, @@ -192,7 +198,7 @@ { "class": "quick_panel_row", "parents": [{"class": "overlay_control"}], - "layer0.tint": [0, 0, 0, 0], + "layer0.tint": [39, 45, 56], "layer0.opacity": 1.0 }, @@ -202,7 +208,7 @@ "class": "quick_panel", "parents": [{"class": "overlay_control"}], "row_padding": [10, 7], - "layer0.tint": [0, 0, 0, 0], + "layer0.tint": [39, 45, 56], "layer0.opacity": 1.0 }, @@ -211,17 +217,17 @@ { "class": "quick_panel_row", "attributes": ["selected"], - "layer0.tint": [25, 31, 38] + "layer0.tint": [48, 53, 64] }, // Panel labels { "class": "quick_panel_label", - "fg": [92, 103, 115], - "match_fg": [255, 235, 184], - "selected_fg": [94, 235, 184], - "selected_match_fg": [255, 235, 184] + "fg": [96, 112, 128], + "match_fg": [255, 204, 102], + "selected_fg": [217, 215, 206], + "selected_match_fg": [255, 204, 102] }, // Panel labels @@ -229,28 +235,28 @@ { "class": "quick_panel_label", "parents": [{"class": "overlay_control"}], - "fg": [92, 103, 115], - "match_fg": [242, 151, 24], - "selected_fg": [230, 225, 207], - "selected_match_fg": [242, 151, 24] + "fg": [96, 112, 128], + "match_fg": [255, 204, 102], + "selected_fg": [217, 215, 206], + "selected_match_fg": [255, 204, 102] }, // Panels sublabels { "class": "quick_panel_path_label", - "fg": [66, 80, 94], - "match_fg": [242, 151, 24], - "selected_fg": [66, 80, 94], - "selected_match_fg": [242, 151, 24] + "fg": [96, 112, 128], + "match_fg": [217, 215, 206], + "selected_fg": [96, 112, 128], + "selected_match_fg": [217, 215, 206] }, // Panels data / score { "class": "quick_panel_score_label", - "fg": [66, 80, 94], - "selected_fg": [66, 80, 94] + "fg": [96, 112, 128], + "selected_fg": [96, 112, 128] }, @@ -268,7 +274,7 @@ "mouse_wheel_switch": false, "layer0.opacity": 1.0, - "layer0.tint": [15, 20, 25], + "layer0.tint": [33, 39, 51], "content_margin": [10, 0] }, { @@ -281,8 +287,9 @@ "settings": ["ui_separator"], "content_margin": [0, 0, 0, 0], "layer1.opacity": 0.3, - "layer1.texture": "ayu/assets/dark/separator_bottom.png", - "layer1.inner_margin": [1, 0, 1, 2] + "layer1.texture": "ayu/assets/common/separator-bottom.png", + "layer1.tint": [96, 112, 128], + "layer1.inner_margin": [1, 0, 1, 1] }, { "class": "tabset_control", @@ -294,13 +301,14 @@ { "class": "tab_control", - "layer0.tint": [15, 20, 25], + "layer0.tint": [33, 39, 51], "layer0.opacity": 1.0, "layer1.texture": "", - "layer2.texture": "ayu/assets/dark/tab_active.png", - "layer2.inner_margin": [1, 4, 1, 1], + "layer2.texture": "ayu/assets/common/separator-bottom.png", + "layer2.tint": [255, 204, 102], + "layer2.inner_margin": [1, 0, 1, 2], "layer2.opacity": 0.0, "layer3.texture": "", @@ -312,11 +320,13 @@ "class": "tab_control", "settings": ["ui_separator"], - "layer1.texture": "ayu/assets/dark/separator_right.png", + "layer1.texture": "ayu/assets/common/separator-right.png", + "layer1.tint": [96, 112, 128], "layer1.inner_margin": [0, 1, 2, 1], "layer1.opacity": 0.3, - "layer3.texture": "ayu/assets/dark/separator_bottom.png", + "layer3.texture": "ayu/assets/common/separator-bottom.png", + "layer3.tint": [96, 112, 128], "layer3.inner_margin": [1, 0, 1, 2], "layer3.opacity": 0.3 }, @@ -352,22 +362,37 @@ { "class": "tab_label", - "fg": [66, 80, 94], - "shadow_color": [0, 0, 0, 0], - "shadow_offset": [0, 0], + "fg": [33, 39, 51, 0], + "shadow_color": [96, 112, 128], + "shadow_offset": [0, -1], "font.size": 12, "font.italic": false, "font.bold": false, "font.face": "Roboto mono" }, + { + "class": "tab_label", + "fg": [96, 112, 128], + "settings": ["ui_fix_tab_labels"], + "shadow_color": [33, 39, 51, 0], + "shadow_offset": [0, 0] + }, // Tab selected label color { "class": "tab_label", "parents": [{"class": "tab_control", "attributes": ["selected"]}], - "fg": [230, 225, 207], - "shadow_color": [0, 0, 0, 0], + "fg": [33, 39, 51, 0], + "shadow_color": [217, 215, 206], + "shadow_offset": [0, -1], + }, + { + "class": "tab_label", + "settings": ["ui_fix_tab_labels"], + "parents": [{"class": "tab_control", "attributes": ["selected"]}], + "fg": [217, 215, 206], + "shadow_color": [33, 39, 51, 0], "shadow_offset": [0, 0] }, @@ -383,19 +408,14 @@ "content_margin": [0, 0], // Close Icon - "layer0.texture": "ayu/assets/dark/close.png", - "layer0.opacity": 1, - - // Close Icon Hover - "layer1.texture": "ayu/assets/dark/close--hover.png", - "layer1.opacity": { "target": 0.0, "speed": 5.0, "interpolation": "smoothstep" }, + "layer0.texture": "ayu/assets/common/close.png", + "layer0.tint": [96, 112, 128], + "layer0.opacity": 1.0, // Dirty Icon - "layer2.texture": "ayu/assets/dark/dirty.png", - - // Dirty Icon Hover - "layer3.texture": "ayu/assets/dark/dirty--hover.png", - "layer3.opacity": { "target": 0.0, "speed": 5.0, "interpolation": "smoothstep" } + "layer1.texture": "ayu/assets/common/dirty.png", + "layer1.tint": [96, 112, 128], + "layer1.opacity": 0 }, // Default @@ -404,30 +424,21 @@ "settings": ["show_tab_close_buttons"], "content_margin": [8, 8] }, - // Selected Tab - { - "class": "tab_close_button", - "settings": ["show_tab_close_buttons"], - "parents": [{"class": "tab_control", "attributes": ["selected"]}], - "layer0.opacity": 1, // Close Icon - "layer1.opacity": 0 // Close Icon Hover - }, + // Default hover { "class": "tab_close_button", "settings": ["show_tab_close_buttons"], "attributes": ["hover"], - "layer0.opacity": 0, // Close Icon - "layer1.opacity": 1 // Close Icon Hover + "layer0.tint": [255, 204, 102] }, + // Dirty tab { "class": "tab_close_button", "parents": [{"class": "tab_control", "attributes": ["dirty"]}], "layer0.opacity": 0, // Close Icon - "layer1.opacity": 0, // Close Icon Hover - "layer2.opacity": 0, // Dirty Icon - "layer3.opacity": 1, // Dirty Icon Hover + "layer1.opacity": 1.0, // dirty Icon "content_margin": [8, 8] }, @@ -436,83 +447,77 @@ "class": "tab_close_button", "parents": [{"class": "tab_control", "attributes": ["dirty"]}], "attributes": ["hover"], - "layer0.opacity": 0, // Close Icon - "layer1.opacity": 1, // Close Icon Hover - "layer2.opacity": 0, // Dirty Icon - "layer3.opacity": 0 // Dirty Icon Hover + "layer0.opacity": 1.0, // Close Icon + "layer1.opacity": 0 // Close Icon }, + // Selected dirty tab { "class": "tab_close_button", "parents": [{"class": "tab_control", "attributes": ["selected", "dirty"]}], "layer0.opacity": 0, // Close Icon - "layer1.opacity": 0, // Close Icon Hover - "layer2.opacity": 0, // Dirty Icon - "layer3.opacity": 1 // Dirty Icon Hover + "layer1.opacity": 1.0, // Dirty Icon + "layer1.tint": [255, 204, 102] }, + // Selected dirty tab on hover { "class": "tab_close_button", "parents": [{"class": "tab_control", "attributes": ["selected", "dirty"]}], "attributes": ["hover"], - "layer0.opacity": 0, // Close Icon - "layer1.opacity": 1, // Close Icon Hover - "layer2.opacity": 0, // Dirty Icon - "layer3.opacity": 0 // Dirty Icon Hover + "layer0.opacity": 1.0, + "layer1.opacity": 0 }, // tab set scroll left | scroll right { "class": "scroll_tabs_left_button", "content_margin": [12, 15], - "layer0.texture": "ayu/assets/dark/arrow_left.png", - "layer0.opacity": 1.0, - "layer1.texture": "ayu/assets/dark/arrow_left--hover.png", - "layer1.opacity": 0.0 + "layer0.texture": "ayu/assets/common/arrow-left.png", + "layer0.tint": [62, 75, 89], + "layer0.opacity": 1.0 }, { "class": "scroll_tabs_left_button", "attributes": ["hover"], - "layer1.opacity": 1.0 + "layer0.tint": [255, 204, 102] }, { "class": "scroll_tabs_right_button", "content_margin": [12, 15], - "layer0.texture": "ayu/assets/dark/arrow_right.png", - "layer0.opacity": 1.0, - "layer1.texture": "ayu/assets/dark/arrow_right--hover.png", - "layer1.opacity": 0.0 + "layer0.texture": "ayu/assets/common/arrow-right.png", + "layer0.tint": [62, 75, 89], + "layer0.opacity": 1.0 }, { "class": "scroll_tabs_right_button", "settings": ["ui_separator"], - "layer2.texture": "ayu/assets/dark/separator_right.png", + "layer2.texture": "ayu/assets/common/separator-right.png", + "layer2.tint": [96, 112, 128], "layer2.opacity": 0.3, - "layer2.inner_margin": [0, 1, 2, 1] + "layer2.inner_margin" : [0, 1, 2, 1] }, { "class": "scroll_tabs_right_button", "attributes": ["hover"], - "layer1.opacity": 1.0 + "layer0.tint": [255, 204, 102] }, { "class": "show_tabs_dropdown_button", "content_margin": [12, 12], - "layer0.texture": "ayu/assets/dark/overflow_menu.png", + "layer0.texture": "ayu/assets/common/overflow-menu.png", + "layer0.tint": [62, 75, 89], "layer0.opacity": 1.0, - "layer0.inner_margin": 0, - "layer1.texture": "ayu/assets/dark/overflow_menu--hover.png", - "layer1.opacity": 0.0, - "layer1.inner_margin": 0 + "layer0.inner_margin": [0, 0] }, { "class": "show_tabs_dropdown_button", "attributes": ["hover"], - "layer1.opacity": 1.0 + "layer0.tint": [255, 204, 102] }, @@ -522,22 +527,22 @@ { "class": "sidebar_container", - "content_margin": [0, -10, 0, 0], + "content_margin": [0, 5, 0, 0], "layer0.opacity": 1, - "layer0.tint": [15, 20, 25] + "layer0.tint": [33, 39, 51] }, { "class": "sidebar_container", "settings": ["ui_separator"], - "content_margin": [0, -10, 0, 0], - "layer1.texture": "ayu/assets/dark/separator_right.png", + "layer1.texture": "ayu/assets/common/separator-right.png", + "layer1.tint": [96, 112, 128], "layer1.inner_margin": [0, 1, 2, 1], "layer1.opacity": 0.3 }, { "class": "sidebar_tree", - "row_padding": [20, 6], + "row_padding": [30, 6], "indent": 12, "indent_offset": 0, "indent_top_level": false, @@ -546,13 +551,17 @@ { "class": "sidebar_heading", - "color": [0, 0, 0, 0] + "color": [96, 112, 128, 150], + "font.face": "Roboto mono", + "font.bold": true, + "font.size": 11 }, { "class": "tree_row", - "layer1.texture": "ayu/assets/dark/tree_highlight.png", + "layer1.texture": "ayu/assets/common/tree-highlight.png", "layer1.opacity": { "target": 0.0, "speed": 5.0, "interpolation": "smoothstep" }, + "layer1.tint": [255, 204, 102], "layer1.inner_margin": [5, 0, 0, 0] }, @@ -564,7 +573,7 @@ { "class": "sidebar_label", - "color": [66, 80, 94], + "color": [96, 112, 128], "shadow_color": [0, 0, 0], "shadow_offset": [0, 0], "font.face": "Roboto mono", @@ -574,13 +583,13 @@ { "class": "sidebar_label", "parents": [{"class": "tree_row","attributes": ["hover"]}], - "color": [230, 225, 207] + "color": [217, 215, 206] }, { "class": "sidebar_label", "parents": [{"class": "tree_row","attributes": ["selected"]}], - "color": [230, 225, 207], + "color": [217, 215, 206], "shadow_color": [0, 0, 0], "shadow_offset": [0, 0] }, @@ -588,7 +597,7 @@ { "class": "sidebar_label", "parents": [{"class": "tree_row","attributes": ["expandable"]}], - "color": [66, 80, 94], + "color": [96, 112, 128], "font.bold": false }, @@ -602,13 +611,13 @@ { "class": "sidebar_label", "parents": [{"class": "tree_row", "attributes": ["expandable", "hover"]}], - "color": [230, 225, 207] + "color": [217, 215, 206] }, { "class": "sidebar_label", "parents": [{"class": "tree_row", "attributes": ["expanded"]}], - "color": [230, 225, 207] + "color": [217, 215, 206] }, { @@ -621,7 +630,7 @@ // { // "class": "sidebar_label", // "parents": [{"class": "tree_row", "attributes": ["expanded", "selected"]}], - // "color": [230, 225, 207] + // "color": [217, 215, 206] // }, { @@ -630,146 +639,17 @@ "font.italic": false }, - // File icons and folder - - { - "class": "icon_file_type", - // layer0.texture is filled in by code with the relevant icon name - "layer0.opacity": 0.6, - "layer0.inner_margin": [0, 2, 0, -2], - "content_margin": [9, 9] - }, - { - "class": "icon_file_type", - "parents": [{"class": "tree_row", "attributes": ["selected"]}], - "layer0.opacity": 1 - }, - { - "class": "icon_file_type", - "parents": [{"class": "tree_row", "attributes": ["hover"]}], - "layer0.opacity": 1 - }, - - // Secondary folder icon (original) used as main folder icon - - { - "class": "icon_folder", - "content_margin": [9, 9], - "layer0.tint": [15, 20, 25], - "layer0.opacity": 0, - "layer1.texture": "ayu/assets/dark/folder.png", - "layer1.opacity": 1, - "layer2.texture": "ayu/assets/dark/folder--hover.png", - "layer2.opacity": 0.0, - "layer3.texture": "ayu/assets/dark/folder_opened.png", - "layer3.opacity": 0.0 - }, - - { - "class": "icon_folder", - "parents": [{ "class": "tree_row", "attributes": ["expanded"] }], - "layer1.opacity": 0.0, - "layer2.opacity": 0.0, - "layer3.opacity": 1.0 - }, - - { - "class": "icon_folder", - "parents": [{ "class": "tree_row", "attributes": ["hover"] }], - "layer1.opacity": 0.0, - "layer2.opacity": 1.0, - "layer3.opacity": 0.0 - }, - - { - "class": "icon_folder", - "parents": [{ "class": "tree_row", "attributes": ["expanded", "hover"] }], - "layer3.texture": { - "keyframes": [ - "ayu/assets/dark/folder_opened--hover-0.png", - "ayu/assets/dark/folder_opened--hover-1.png", - "ayu/assets/dark/folder_opened--hover-2.png", - "ayu/assets/dark/folder_opened--hover-3.png", - "ayu/assets/dark/folder_opened--hover-4.png", - "ayu/assets/dark/folder_opened--hover-5.png", - "ayu/assets/dark/folder_opened--hover-5.png", - "ayu/assets/dark/folder_opened--hover-5.png", - "ayu/assets/dark/folder_opened--hover-6.png", - "ayu/assets/dark/folder_opened--hover-6.png", - "ayu/assets/dark/folder_opened--hover-6.png", - "ayu/assets/dark/folder_opened--hover-6.png", - "ayu/assets/dark/folder_opened--hover-7.png" - ], - "loop": false, - "frame_time": 0.020 - }, - "layer1.opacity": 0.0, - "layer2.opacity": 0.0, - "layer3.opacity": 1.0 - }, - - { - "class": "icon_folder", - "parents": [{ "class": "tree_row", "attributes": ["selected"] }], - "layer1.texture": "ayu/assets/dark/folder--hover.png" - }, - - { - "class": "icon_folder_loading", - "layer1.texture": { - "keyframes": [ - "ayu/assets/dark/spinner11.png", - "ayu/assets/dark/spinner10.png", - "ayu/assets/dark/spinner9.png", - "ayu/assets/dark/spinner8.png", - "ayu/assets/dark/spinner7.png", - "ayu/assets/dark/spinner6.png", - "ayu/assets/dark/spinner5.png", - "ayu/assets/dark/spinner4.png", - "ayu/assets/dark/spinner3.png", - "ayu/assets/dark/spinner2.png", - "ayu/assets/dark/spinner1.png", - "ayu/assets/dark/spinner.png" - ], - "loop": true, - "frame_time": 0.075 - }, - - "layer0.opacity": 0.0, - "content_margin": [8, 8] - }, - - // Symlink folder icon - { - "class": "icon_folder_dup", - "layer0.texture": "ayu/assets/dark/symlink_folder.png", - "layer0.opacity": 1.0, - "content_margin": [9, 9] - }, - - { - "class": "icon_folder_dup", - "parents": [{ "class": "tree_row", "attributes": ["hover"]}], - "layer0.texture": "ayu/assets/dark/symlink_folder--hover.png" - }, - - { - "class": "icon_folder_dup", - "parents": [{"class": "tree_row", "attributes": ["expanded"] }], - "layer0.texture": "ayu/assets/dark/symlink_folder--hover.png" - }, - // Hidden arrow icon before folder { "class": "disclosure_button_control", - "layer0.texture": "ayu/assets/dark/folder.png", + "layer0.texture": "ayu/assets/mirage/arrow_right.png", "layer0.opacity": 1.0, "layer0.inner_margin": 0, - "layer1.texture": "ayu/assets/dark/folder--hover.png", + "layer1.texture": "ayu/assets/mirage/arrow_right--hover.png", "layer1.opacity": 0.0, "layer1.inner_margin": 0, - "content_margin": [0, 0, 0, 0] + "content_margin": [12, 15] }, { @@ -782,7 +662,18 @@ { "class": "disclosure_button_control", "attributes": ["expanded"], - "layer0.texture": "ayu/assets/dark/folder_opened.png" + "layer0.texture": "ayu/assets/mirage/overflow_menu--hover.png", + "content_margin": [12, 12] + }, + + { + "class": "disclosure_button_control", + "attributes": ["expanded"], + "parents": [{ "class": "tree_row", "attributes": ["hover"]}], + "layer1.texture": "ayu/assets/mirage/overflow_menu--hover.png", + "layer0.opacity": 0.0, + "layer1.opacity": 1.0, + "content_margin": [12, 12] }, // Opened files @@ -791,12 +682,12 @@ "content_margin": [8, 8], // Default Close icon - "layer0.texture": "ayu/assets/dark/close.png", + "layer0.texture": "ayu/assets/mirage/close.png", "layer0.opacity": { "target": 0.0, "speed": 7.0, "interpolation": "smoothstep" }, "layer0.inner_margin": [0, 0], // Hover close icon - "layer1.texture": "ayu/assets/dark/close--hover.png", + "layer1.texture": "ayu/assets/mirage/close--hover.png", "layer1.opacity": 0, "layer1.inner_margin": [0, 0] }, @@ -808,7 +699,7 @@ "class": "close_button", "parents": [{ "class": "tree_row", "attributes": ["hover"] }], // Default Close icon - "layer0.texture": "ayu/assets/dark/close.png", + "layer0.texture": "ayu/assets/mirage/close.png", "layer0.opacity": { "target": 1.0, "speed": 7.0, "interpolation": "smoothstep" }, "layer0.inner_margin": [0, 0] }, @@ -816,7 +707,7 @@ { "class": "close_button", "attributes": ["dirty"], - "layer0.texture": "ayu/assets/dark/dirty--hover.png", + "layer0.texture": "ayu/assets/mirage/dirty--hover.png", "layer0.opacity": 1.0 }, @@ -836,7 +727,7 @@ // !!! { "class": "scroll_bar_control", - "layer0.tint" : [15, 20, 25], + "layer0.tint" : [33, 39, 51], "layer0.opacity": 1, "layer0.inner_margin": [0, 0], "blur": false @@ -859,7 +750,7 @@ "class": "scroll_bar_control", "attributes": ["horizontal"], "layer0.texture": "", - "layer0.tint" : [15, 20, 25], + "layer0.tint" : [33, 39, 51], "layer0.inner_margin": [0, 0], "blur": false }, @@ -870,7 +761,7 @@ // "class": "scroll_bar_control", // "attributes": ["horizontal"], // "parents": [{"class": "overlay_control"}], - // "layer0.tint": [15, 20, 25, 0], + // "layer0.tint": [33, 39, 51, 0], // "layer0.opacity": 0.0, // "layer0.inner_margin": [0, 2], // "blur": false @@ -881,7 +772,7 @@ { "class": "scroll_corner_control", "layer0.texture": "", - "layer0.tint":[15, 20, 25], + "layer0.tint":[33, 39, 51], "layer0.inner_margin": [0, 0], "layer0.opacity": 1, "blur": false @@ -962,22 +853,13 @@ { "class": "minimap_control", "settings": ["always_show_minimap_viewport"], - "viewport_color": [100, 100, 100], - "viewport_opacity": 0.2 + "viewport_color": [100, 100, 100] }, { "class": "minimap_control", "settings": ["!always_show_minimap_viewport"], - "viewport_color": [100, 100, 100], - "viewport_opacity": { "target": 0, "speed": 4.0, "interpolation": "smoothstep" } - }, - - { - "class": "minimap_control", - "attributes": ["hover"], - "settings": ["!always_show_minimap_viewport"], - "viewport_opacity": { "target": 0.2, "speed": 20.0, "interpolation": "smoothstep" } + "viewport_color": [100, 100, 100, 20] }, @@ -989,7 +871,7 @@ { "class": "label_control", - "color": [66, 80, 94], + "color": [96, 112, 128], "shadow_color": [0, 0, 0, 0], "shadow_offset": [0, 0], "font.bold": false, @@ -1002,7 +884,7 @@ { "class": "label_control", "parents": [{"class": "status_bar"}], - "color": [66, 80, 94], + "color": [96, 112, 128], "font.bold": false }, @@ -1011,16 +893,16 @@ { "class": "status_bar", "layer0.texture": "", - "layer0.tint": [15, 20, 25], + "layer0.tint": [33, 39, 51], "layer0.opacity": 1, - "layer1.texture": "ayu/assets/dark/separator_top.png", + "layer1.texture": "ayu/assets/mirage/separator_top.png", "layer1.inner_margin": [1, 2, 1, 0], - "content_margin": [10, 0] + "content_margin": [10, 5] }, { "class": "status_bar", "settings": ["ui_separator"], - "layer0.tint": [20, 25, 31] + "layer0.tint": [39, 45, 56] // "layer1.opacity": 0.2 }, @@ -1043,15 +925,15 @@ // Status bar panel { "class": "panel_control", - "layer0.tint": [15, 20, 25], + "layer0.tint": [33, 39, 51], "layer0.opacity": 1.0, "content_margin": [0, 5] }, { "class": "panel_control", "settings": ["ui_separator"], - "layer0.tint": [20, 25, 31], - "layer1.texture": "ayu/assets/dark/separator_top.png", + "layer0.tint": [39, 45, 56], + "layer1.texture": "ayu/assets/mirage/separator_top.png", "layer1.inner_margin": [1, 2, 1, 0], "layer1.opacity": 0.3 }, @@ -1060,9 +942,9 @@ { "class": "panel_close_button", - "layer0.texture": "ayu/assets/dark/close.png", + "layer0.texture": "ayu/assets/mirage/close.png", "layer0.opacity": 0.6, - "layer1.texture": "ayu/assets/dark/close--hover.png", + "layer1.texture": "ayu/assets/mirage/close--hover.png", "layer1.opacity": 0.0, "content_margin": [0, 0] // 8,8 to show }, @@ -1078,10 +960,10 @@ { "class": "text_line_control", - "layer0.texture": "ayu/assets/dark/input_bg.png", + "layer0.texture": "ayu/assets/mirage/input_bg.png", "layer0.opacity": 1, "layer0.inner_margin": [10, 8], - "layer1.texture": "ayu/assets/dark/input_border.png", + "layer1.texture": "ayu/assets/mirage/input_border.png", "layer1.opacity": 0.3, "layer1.inner_margin": [10, 8], "content_margin": [10, 7, 10, 5] @@ -1095,7 +977,7 @@ "parents": [{"class": "overlay_control"}], "layer0.texture": "", "layer0.opacity": 0, - "layer1.texture": "ayu/assets/dark/input_search.png", + "layer1.texture": "ayu/assets/mirage/input_search.png", "layer1.opacity": 1, "layer1.inner_margin": [35, 0, 0, 0], "content_margin": [43, 7, 10, 4] @@ -1105,10 +987,10 @@ { "class": "dropdown_button_control", "content_margin": [12, 12], - "layer0.texture": "ayu/assets/dark/overflow_menu.png", + "layer0.texture": "ayu/assets/mirage/overflow_menu.png", "layer0.opacity": 1.0, "layer0.inner_margin": [0, 0], - "layer1.texture": "ayu/assets/dark/overflow_menu--hover.png", + "layer1.texture": "ayu/assets/mirage/overflow_menu--hover.png", "layer1.opacity": 0.0, "layer1.inner_margin": [0, 0] }, @@ -1130,8 +1012,8 @@ "class": "button_control", "content_margin": [15, 9, 15, 10], "min_size": [60, 0], - "layer0.tint": [242, 151, 24, 10], - "layer0.texture": "ayu/assets/dark/input_bg.png", + "layer0.tint": [255, 204, 102, 10], + "layer0.texture": "ayu/assets/mirage/input_bg.png", "layer0.inner_margin": [10, 8], "layer0.opacity": 0 }, @@ -1144,13 +1026,13 @@ { "class": "label_control", "parents": [{"class": "button_control"}], - "color": [66, 80, 94] + "color": [96, 112, 128] }, { "class": "label_control", "parents": [{"class": "button_control", "attributes": ["hover"]}], - "color": [242, 151, 24] + "color": [255, 204, 102] }, // !!! @@ -1159,7 +1041,7 @@ "class": "icon_button_control", "layer0.tint": [0, 0, 0], "layer0.opacity": 0, - "layer2.tint": [230, 225, 207], + "layer2.tint": [217, 215, 206], "layer2.opacity": { "target": 0.0, "speed": 10.0, "interpolation": "smoothstep" }, "content_margin": [10, 5] }, @@ -1171,9 +1053,9 @@ // Regex Icon { "class": "icon_regex", - "layer0.texture": "ayu/assets/dark/regex--hover.png", + "layer0.texture": "ayu/assets/mirage/regex--hover.png", "layer0.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" }, - "layer1.texture": "ayu/assets/dark/regex.png", + "layer1.texture": "ayu/assets/mirage/regex.png", "layer1.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, "content_margin": [12, 12] }, @@ -1189,9 +1071,9 @@ { "class": "icon_case", - "layer0.texture": "ayu/assets/dark/matchcase--hover.png", + "layer0.texture": "ayu/assets/mirage/matchcase--hover.png", "layer0.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" }, - "layer1.texture": "ayu/assets/dark/matchcase.png", + "layer1.texture": "ayu/assets/mirage/matchcase.png", "layer1.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, "content_margin": [12, 12] }, @@ -1207,9 +1089,9 @@ { "class": "icon_whole_word", - "layer0.texture": "ayu/assets/dark/word--hover.png", + "layer0.texture": "ayu/assets/mirage/word--hover.png", "layer0.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" }, - "layer1.texture": "ayu/assets/dark/word.png", + "layer1.texture": "ayu/assets/mirage/word.png", "layer1.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, "content_margin": [12, 12] }, @@ -1226,9 +1108,9 @@ { "class": "icon_wrap", - "layer0.texture": "ayu/assets/dark/wrap--hover.png", + "layer0.texture": "ayu/assets/mirage/wrap--hover.png", "layer0.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" }, - "layer1.texture": "ayu/assets/dark/wrap.png", + "layer1.texture": "ayu/assets/mirage/wrap.png", "layer1.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, "content_margin": [12, 12] }, @@ -1244,9 +1126,9 @@ { "class": "icon_in_selection", - "layer0.texture": "ayu/assets/dark/inselection--hover.png", + "layer0.texture": "ayu/assets/mirage/inselection--hover.png", "layer0.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" }, - "layer1.texture": "ayu/assets/dark/inselection.png", + "layer1.texture": "ayu/assets/mirage/inselection.png", "layer1.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, "content_margin": [12, 12] }, @@ -1262,9 +1144,9 @@ { "class": "icon_highlight", - "layer0.texture": "ayu/assets/dark/highlight--hover.png", + "layer0.texture": "ayu/assets/mirage/highlight--hover.png", "layer0.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" }, - "layer1.texture": "ayu/assets/dark/highlight.png", + "layer1.texture": "ayu/assets/mirage/highlight.png", "layer1.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, "content_margin": [12, 12] }, @@ -1280,9 +1162,9 @@ { "class": "icon_preserve_case", - "layer0.texture": "ayu/assets/dark/replace_preserve_case--hover.png", + "layer0.texture": "ayu/assets/mirage/replace_preserve_case--hover.png", "layer0.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" }, - "layer1.texture": "ayu/assets/dark/replace_preserve_case.png", + "layer1.texture": "ayu/assets/mirage/replace_preserve_case.png", "layer1.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, "content_margin": [12, 12] }, @@ -1298,9 +1180,9 @@ { "class": "icon_context", - "layer0.texture": "ayu/assets/dark/context--hover.png", + "layer0.texture": "ayu/assets/mirage/context--hover.png", "layer0.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" }, - "layer1.texture": "ayu/assets/dark/context.png", + "layer1.texture": "ayu/assets/mirage/context.png", "layer1.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, "content_margin": [12, 12] }, @@ -1317,9 +1199,9 @@ { "class": "icon_use_buffer", - "layer0.texture": "ayu/assets/dark/buffer--hover.png", + "layer0.texture": "ayu/assets/mirage/buffer--hover.png", "layer0.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" }, - "layer1.texture": "ayu/assets/dark/buffer.png", + "layer1.texture": "ayu/assets/mirage/buffer.png", "layer1.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, "content_margin": [12, 12] }, @@ -1335,9 +1217,9 @@ { "class": "icon_reverse", - "layer0.texture": "ayu/assets/dark/reverse--hover.png", + "layer0.texture": "ayu/assets/mirage/reverse--hover.png", "layer0.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" }, - "layer1.texture": "ayu/assets/dark/reverse.png", + "layer1.texture": "ayu/assets/mirage/reverse.png", "layer1.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, "content_margin": [12, 12] }, diff --git a/ayu.skins b/ayu.skins index af73243f..7aa49a33 100644 --- a/ayu.skins +++ b/ayu.skins @@ -1,15 +1,22 @@ { - "Ayu - Dark": { - "Preferences": { - "color_scheme": "Packages/ayu/ayu.tmTheme", - "theme": "ayu.sublime-theme", - } - }, + "ayu light": { + "Preferences": { + "color_scheme": "Packages/ayu/ayu-light.tmTheme", + "theme": "ayu-light.sublime-theme", + } + }, + + "ayu mirage": { + "Preferences": { + "color_scheme": "Packages/ayu/ayu-mirage.tmTheme", + "theme": "ayu-mirage.sublime-theme", + } + }, - "Ayu - Light": { - "Preferences": { - "color_scheme": "Packages/ayu/ayu-light.tmTheme", - "theme": "ayu-light.sublime-theme", - } + "ayu dark": { + "Preferences": { + "color_scheme": "Packages/ayu/ayu-dark.tmTheme", + "theme": "ayu-dark.sublime-theme", } -} \ No newline at end of file + } +} diff --git a/ayu.yml b/ayu.yml deleted file mode 100644 index 864d1f1d..00000000 --- a/ayu.yml +++ /dev/null @@ -1,406 +0,0 @@ -# [PackageDev] target_format: plist, ext: tmTheme ---- - -name: ayu -author: Ike Ku -uuid: 0e709986-46a0-40a0-b3bf-c8dfe525c455 -colorSpaceName: sRGB -semanticClass: ayu.dark - -settings: - -- settings: - activeGuide: '#314559' - background: &bg '#0F1419' - caret: '#F29718' - findHighlight: &constant '#FFE792' - findHighlightForeground: '#00000050' - foreground: &fg '#E6E1CF' - guide: '#2D3640' - gutter: *bg - gutterForeground: &selection '#253340' - inactiveSelection: &in_selection '#1E2A35' - invisibles: '#343434' - lineHighlight: '#151A1F' - selection: *selection - selectionBorder: *selection - shadow: '#00000010' - stackGuide: *in_selection - popupCss: | - html, body { - background-color: #14191F; - font-size: 12px; - color: #E6E1CF; - padding: 0; - } - body { - padding: 5px; - } - div { - padding-bottom: -3px; - } - b, strong { - font-weight: normal; - } - a { - color: rgba(54, 163, 217, .7); - line-height: 16px; - } - .type { - color: #F07178; - } - .name { - color: #FFB454; - } - .param { - color: #FFEE99; - } - .current { - text-decoration: underline; - } - -- name: Comments - scope: comment, punctuation.definition.comment - settings: - fontStyle: italic - foreground: &comment '#5C6773' - -- name: Variable - scope: variable - settings: - foreground: *fg - -- name: Keyword, Storage - scope: keyword, storage.type, storage.modifier - settings: - foreground: &keyword '#FF7733' - -- name: Operator, Misc - scope: constant.other.color, meta.tag, punctuation.separator.inheritance.php, punctuation.section.embedded, keyword.other.substitution - settings: - foreground: &operator '#E7C547' - -- name: Tag - scope: entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter - settings: - foreground: &tag '#36A3D9' - -- name: Function, Special Method, Block Level - scope: entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method, meta.block-level - settings: - foreground: &function '#E6B673' - -- name: Other Variable, String Link - scope: support.other.variable, string.other.link - settings: - foreground: &sup_var '#F07178' - -- name: Number, Constant, Function Argument, Tag Attribute, Embedded - scope: constant.numeric, constant.language, support.constant, constant.character, variable.parameter, keyword.other.unit - settings: - foreground: *constant - -- name: String, Symbols, Inherited Class, Markup Heading - scope: string, keyword.other.template, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js - settings: - fontStyle: normal - foreground: &string '#B8CC52' - -- name: Class, Support - scope: entity.name.class, entity.name.type.class, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter - settings: - foreground: *tag - -- name: Sub-methods - scope: entity.name.module.js, variable.import.parameter.js, variable.other.class.js - settings: - foreground: *tag - -- name: Language methods - scope: variable.language - settings: - fontStyle: italic - foreground: *tag - -- name: Invalid - scope: invalid - settings: - foreground: &error '#FF3333' - -- name: Deprecated - scope: invalid.deprecated - settings: - background: *keyword - foreground: &white '#ffffff' - -- name: Html punctuations tags - scope: punctuation.definition.tag.end, punctuation.definition.tag.begin, punctuation.definition.tag - settings: - foreground: &tag_punc '#36A3D990' # darker version of tag - -- name: Attributes - scope: entity.other.attribute-name - settings: - foreground: *keyword - -- name: Inserted - scope: markup.inserted - settings: - foreground: *string - -- name: Deleted - scope: markup.deleted - settings: - foreground: *tag - -- name: Changed - scope: markup.changed - settings: - foreground: *keyword - -- name: Regular Expressions and Escape Characters - scope: string.regexp, constant.character.escape - settings: - foreground: ®exp '#95E6CB' - -- name: URL - scope: '*url*, *link*, *uri*' - settings: - fontStyle: underline - -- name: Search Results Nums - scope: constant.numeric.line-number.find-in-files - match - settings: - foreground: *comment - -- name: Search Results Lines - scope: entity.name.filename.find-in-files - settings: - foreground: *string - -# ES6 -- name: Decorators - scope: tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js - settings: - fontStyle: italic - foreground: &es_spec '#ffb454' - -- name: ES7 Bind Operator - scope: source.js constant.other.object.key.js string.unquoted.label.js - settings: - fontStyle: italic - foreground: *tag - -- name: entity.name.method.js - scope: entity.name.method.js - settings: - foreground: *es_spec - -- name: meta.method.js - scope: meta.class-method.js entity.name.function.js, variable.function.constructor - settings: - foreground: *es_spec - -# Markup -- name: Markup - Italic - scope: markup.italic - settings: - fontStyle: italic - foreground: *sup_var - -- name: Markup - Bold - scope: markup.bold - settings: - fontStyle: bold - foreground: *sup_var - -- name: Markup - Underline - scope: markup.underline - settings: - fontStyle: underline - foreground: *constant - -- name: Markup - Strike - scope: markup.strike - settings: - fontStyle: strike - foreground: *es_spec - -- name: Markup - Quote - scope: markup.quote - settings: - fontStyle: italic - foreground: *operator - -- name: Markup - Raw Block - scope: markup.raw.block - settings: - foreground: *keyword - -- name: Markup - Table - scope: markup.table - settings: - background: '#3cadd71a' - foreground: *tag - -# Markdown -- name: Markdown - Plain - scope: text.html.markdown, punctuation.definition.list_item.markdown - settings: - foreground: *fg - -- name: Markdown - Markup Raw Inline - scope: text.html.markdown markup.raw.inline - settings: - foreground: *tag - -- name: Markdown - Line Break - scope: text.html.markdown meta.dummy.line-break - settings: - foreground: *comment - -- name: Markdown - Heading - scope: markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown - punctuation.definition.heading.markdown - settings: - foreground: *string - -- name: Markdown - Blockquote - scope: markup.quote, punctuation.definition.blockquote.markdown - settings: - fontStyle: italic - foreground: *operator - -- name: Markdown - Link - scope: string.other.link.title.markdown - settings: - fontStyle: underline - foreground: *es_spec - -- name: Markdown - Raw Block Fenced - scope: markup.raw.block.fenced.markdown - settings: - background: '#ffffff10' - foreground: *fg - -- name: Markdown - Fenced Bode Block - scope: punctuation.definition.fenced.markdown, variable.language.fenced.markdown - settings: - background: '#ffffff10' - foreground: *comment - -- name: Markdown - Fenced Language - scope: variable.language.fenced.markdown - settings: - fontStyle: '' - foreground: *comment - -- name: Markdown - Separator - scope: meta.separator - settings: - background: '#ffffff10' - fontStyle: bold - foreground: *comment - -# JSON -- name: JSON Key - Level 8 - scope: source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string - settings: - foreground: *tag - -- name: JSON Key - Level 7 - scope: source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string - settings: - foreground: *keyword - -- name: JSON Key - Level 6 - scope: source.json meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string - settings: - foreground: *sup_var - -- name: JSON Key - Level 5 - scope: source.json meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string - settings: - foreground: *es_spec - -- name: JSON Key - Level 4 - scope: source.json meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string - settings: - foreground: *es_spec - -- name: JSON Key - Level 3 - scope: source.json meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string - settings: - foreground: *tag - -- name: JSON Key - Level 2 - scope: source.json meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string - settings: - foreground: *constant - -- name: JSON Key - Level 1 - scope: source.json meta meta.structure.dictionary.json string.quoted.double.json - meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta.structure.dictionary.json punctuation.definition.string - meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string - settings: - foreground: *tag - -- name: JSON Key - Level 0 - scope: source.json meta.structure.dictionary.json string.quoted.double.json - meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta.structure.dictionary.json punctuation.definition.string - meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string - settings: - foreground: *tag - -# AceJump -- name: AceJump Label - Blue - scope: acejump.label.blue - settings: - background: *tag - foreground: *white - -- name: AceJump Label - Green - scope: acejump.label.green - settings: - background: *string - foreground: *white - -- name: AceJump Label - Orange - scope: acejump.label.orange - settings: - background: *keyword - foreground: *white - -- name: AceJump Label - Purple - scope: acejump.label.purple - settings: - background: *sup_var - foreground: *white - -# SublimeLinter -- name: SublimeLinter Warning - scope: sublimelinter.mark.warning - settings: - foreground: *tag - -- name: SublimeLinter Gutter Mark - scope: sublimelinter.gutter-mark - settings: - foreground: *white - -- name: SublimeLinter Error - scope: sublimelinter.mark.error - settings: - foreground: *error - -# GitGutter -- name: GitGutter Ignored - scope: markup.ignored.git_gutter - settings: - foreground: *comment - -- name: GitGutter Untracked - scope: markup.untracked.git_gutter - settings: - foreground: *comment - -- name: GutterColor - scope: gutter_color - settings: - foreground: *white diff --git a/gulpfile.js b/gulpfile.js new file mode 100644 index 00000000..e4517094 --- /dev/null +++ b/gulpfile.js @@ -0,0 +1,98 @@ +const _ = require('lodash') +const gulp = require('gulp') +const path = require('path') +const File = require('vinyl') +const yaml = require('yamljs') +const fs = require('fs-jetpack') +const exec = require('gulp-exec') +const through = require('through2') + +const hexRx = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i + +_.templateSettings.interpolate = /"{([\s\S]+?)}"/g; + +function templates (type) { + return fs.find('./src/templates', { matching: '*' + type }) + .map(p => fs.read(p, 'utf8')) + .map(_.template) +} + +function parse (rx, str, def = '') { + const parsed = rx.exec(str) + return parsed ? parsed[1] : def +} + +function fileNmae (str, theme) { + const version = parse(/sublime="(.*?)"/g, str) + const prefix = parse(/prefix="(.*?)"/g, str) + const ext = parse(/ext="(.*?)"/g, str, 'tmTheme') + const name = `${prefix}ayu-${theme}${version}.${ext}` + return path.join(process.cwd(), name) +} + +function tryRbg (hex) { + const n16 = (c) => parseInt(c, 16) + const isRgb = hexRx.test(hex) + const cs = isRgb ? hexRx.exec(hex) : [] + const rgb = `${n16(cs[1])}, ${n16(cs[2])}, ${n16(cs[3])}` + return isRgb ? { hex, rgb } : hex +} + +function convertColors (obj) { + return _.mapValues(obj, col => { + return _.isString(col) ? tryRbg(col) : convertColors(col) + }) +} + +function colors (file) { + const content = file.contents.toString('ascii') + const defs = yaml.parse(content) + return convertColors(defs) +} + +function build (types, defs) { + const base = process.cwd() + const themes = _.concat([], types).map(templates) + return _.flatten(themes) + .map(template => template(defs)) + .map(compiled => [fileNmae(compiled, defs.theme), compiled]) + .map(([path, compiled]) => [path, new Buffer(compiled)]) + .map(([path, contents]) => new File({ path, base, contents })) +} + +function widgets (file, enc, next) { + const defs = colors(file) + build(['widget.xml', 'widget.json'], defs) + .map(this.push.bind(this)) + next() +} + +function themes (file, enc, next) { + const defs = colors(file) + build(['syntax.xml', 'ui.json'], defs) + .map(this.push.bind(this)) + next() +} + +gulp.task('clean', () => { + fs.find({ recursive: false, matching: '*.sublime-theme' }).forEach(fs.remove) + fs.find({ recursive: false, matching: '*.tmTheme' }).forEach(fs.remove) +}) + +gulp.task('widgets', () => + gulp.src('./src/themes/*.yml') + .pipe(through.obj(widgets)) + .pipe(gulp.dest('./widgets')) +) + +gulp.task('themes', () => + gulp.src('./src/themes/*.yml') + .pipe(through.obj(themes)) + .pipe(gulp.dest('./')) +) + +gulp.task('default', ['themes', 'widgets']) + +gulp.task('watch', () => { + gulp.watch('./src/**/*', ['themes', 'widgets']) +}) diff --git a/messages.json b/messages.json index d7e2975b..367769cb 100644 --- a/messages.json +++ b/messages.json @@ -3,5 +3,6 @@ "1.3.0": "messages/1.3.0.txt", "1.3.1": "messages/1.3.1.txt", "1.3.2": "messages/1.3.2.txt", - "1.3.3": "messages/1.3.3.txt" + "1.3.3": "messages/1.3.3.txt", + "2.0.0": "messages/2.0.0.txt" } diff --git a/messages/2.0.0.txt b/messages/2.0.0.txt new file mode 100644 index 00000000..7c8e337e --- /dev/null +++ b/messages/2.0.0.txt @@ -0,0 +1,25 @@ +ayu theme for Sublime Text +https://github.com/dempfi/ayu/releases + +Version 2.0.0 +******************************************************************************** + +Changes: + * 🎨 💄 [NEW] Mirage theme 👻 + activate with + ```json + "theme": "ayu-mirage.sublime-theme", + "color_scheme": "Packages/ayu/ayu-mirage.tmTheme", + ``` + * [NEW] build system + * [NEW] Reduced most of the assets + + * Renamed `ayu-dark` + use following settings for dark theme: + ```json + "theme": "ayu-dark.sublime-theme", + "color_scheme": "Packages/ayu/ayu-dark.tmTheme", + ``` + + * Fix for issue with cut tab labels + * Fix for issue with sidebar labels diff --git a/package.json b/package.json new file mode 100644 index 00000000..ecb71c81 --- /dev/null +++ b/package.json @@ -0,0 +1,29 @@ +{ + "name": "ayu", + "version": "0.0.1", + "description": "Sublime theme", + "repository": { + "type": "git", + "url": "git+https://github.com/dempfi/ayu.git" + }, + "author": "Ike Ku", + "license": "MIT", + "bugs": { + "url": "https://github.com/dempfi/ayu/issues" + }, + "scripts": { + "start": "gulp watch", + "b": "gulp", + "c": "gulp clean" + }, + "homepage": "https://github.com/dempfi/ayu#readme", + "devDependencies": { + "fs-jetpack": "^0.10.0", + "gulp": "^3.9.1", + "gulp-exec": "^2.1.2", + "lodash": "^4.16.4", + "through2": "^2.0.1", + "vinyl": "^2.0.0", + "yamljs": "^0.2.8" + } +} diff --git a/src/templates/sublime.syntax.xml b/src/templates/sublime.syntax.xml new file mode 100644 index 00000000..50790022 --- /dev/null +++ b/src/templates/sublime.syntax.xml @@ -0,0 +1,832 @@ + + + + + author + Ike Ku + colorSpaceName + sRGB + name + ayu + semanticClass + ayu."{theme}" + settings + + + settings + + activeGuide + #"{syntax.active_guide.hex}" + background + #"{common.bg.hex}" + caret + #"{common.accent.hex}" + findHighlight + #"{syntax.constant.hex}" + findHighlightForeground + #FFFFFF + foreground + #"{common.fg.hex}" + guide + #"{syntax.gutterFg.hex}" + gutter + #"{common.bg.hex}" + gutterForeground + #"{syntax.gutterFg.hex}" + inactiveBackground + #"{common.bg.hex}" + inactiveSelection + #"{syntax.in_selection.hex}" + invisibles + #FF0000 + lineHighlight + #"{syntax.line_hg.hex}" + popupCss + html, body { + background-color: #"{ui.panel.bg.hex}"; + font-size: 12px; + color: #"{common.fg.hex}"; + padding: 0; +} +body { + padding: 5px; +} +div { + padding-bottom: -3px; +} +b, strong { + font-weight: normal; +} +a { + color: rgba("{syntax.tag.rgb}", .7); + line-height: 16px; +} +.type { + color: #"{syntax.sup_var.hex}"; +} +.name { + color: #"{syntax.es_spec.hex}"; +} +.param { + color: #"{syntax.func.hex}"; +} +.current { + text-decoration: underline; +} + + selection + #"{syntax.selection.hex}" + selectionBorder + #"{common.fg.hex}"35 + shadow + #00000010 + stackGuide + #"{syntax.stack_guide.hex}" + + + + name + Comments + scope + comment, punctuation.definition.comment + settings + + fontStyle + italic + foreground + #"{syntax.comment.hex}" + + + + name + Variable + scope + variable + settings + + foreground + #"{common.fg.hex}" + + + + name + Keyword, Storage + scope + keyword, storage.type, storage.modifier + settings + + foreground + #"{syntax.keyword.hex}" + + + + name + Operator, Misc + scope + constant.other.color, meta.tag, punctuation.separator.inheritance.php, punctuation.section.embedded, keyword.other.substitution + settings + + foreground + #"{syntax.operator.hex}" + + + + name + Tag + scope + entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter + settings + + foreground + #"{syntax.tag.hex}" + + + + name + Function, Special Method, Block Level + scope + entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method, meta.block-level + settings + + foreground + #"{syntax.func.hex}" + + + + name + Other Variable, String Link + scope + support.other.variable, string.other.link + settings + + foreground + #"{syntax.sup_var.hex}" + + + + name + Number, Constant, Function Argument, Tag Attribute, Embedded + scope + constant.numeric, constant.language, support.constant, constant.character, variable.parameter, keyword.other.unit + settings + + foreground + #"{syntax.constant.hex}" + + + + name + String, Symbols, Inherited Class, Markup Heading + scope + string, keyword.other.template, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js + settings + + fontStyle + normal + foreground + #"{syntax.string.hex}" + + + + name + Class, Support + scope + entity.name.class, entity.name.type.class, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter + settings + + foreground + #"{syntax.tag.hex}" + + + + name + Sub-methods + scope + entity.name.module.js, variable.import.parameter.js, variable.other.class.js + settings + + foreground + #"{syntax.tag.hex}" + + + + name + Language methods + scope + variable.language + settings + + fontStyle + italic + foreground + #"{syntax.tag.hex}" + + + + name + Invalid + scope + invalid + settings + + foreground + #"{syntax.error.hex}" + + + + name + Deprecated + scope + invalid.deprecated + settings + + background + #"{syntax.keyword.hex}" + foreground + #FFFFFF + + + + name + Html punctuations tags + scope + punctuation.definition.tag.end, punctuation.definition.tag.begin, punctuation.definition.tag + settings + + foreground + #"{syntax.tag.hex}"90 + + + + name + Attributes + scope + entity.other.attribute-name + settings + + foreground + #"{syntax.keyword.hex}" + + + + name + Inserted + scope + markup.inserted + settings + + foreground + #"{syntax.string.hex}" + + + + name + Deleted + scope + markup.deleted + settings + + foreground + #"{syntax.tag.hex}" + + + + name + Changed + scope + markup.changed + settings + + foreground + #"{syntax.keyword.hex}" + + + + name + Regular Expressions and Escape Characters + scope + string.regexp, constant.character.escape + settings + + foreground + #"{syntax.regexp.hex}" + + + + name + URL + scope + *url*, *link*, *uri* + settings + + fontStyle + underline + + + + name + Search Results Nums + scope + constant.numeric.line-number.find-in-files - match + settings + + foreground + #"{syntax.comment.hex}" + + + + name + Search Results Lines + scope + entity.name.filename.find-in-files + settings + + foreground + #"{syntax.string.hex}" + + + + name + Decorators + scope + tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js + settings + + fontStyle + italic + foreground + #"{syntax.es_spec.hex}" + + + + name + ES7 Bind Operator + scope + source.js constant.other.object.key.js string.unquoted.label.js + settings + + fontStyle + italic + foreground + #"{syntax.tag.hex}" + + + + name + entity.name.method.js + scope + entity.name.method.js + settings + + fontStyle + italic + foreground + #"{syntax.es_spec.hex}" + + + + name + meta.method.js + scope + meta.class-method.js entity.name.function.js, variable.function.constructor + settings + + foreground + #"{syntax.es_spec.hex}" + + + + name + Markup - Italic + scope + markup.italic + settings + + fontStyle + italic + foreground + #"{syntax.sup_var.hex}" + + + + name + Markup - Bold + scope + markup.bold + settings + + fontStyle + bold + foreground + #"{syntax.sup_var.hex}" + + + + name + Markup - Underline + scope + markup.underline + settings + + fontStyle + underline + foreground + #"{syntax.constant.hex}" + + + + name + Markup - Strike + scope + markup.strike + settings + + fontStyle + strike + foreground + #"{syntax.es_spec.hex}" + + + + name + Markup - Quote + scope + markup.quote + settings + + fontStyle + italic + foreground + #"{syntax.operator.hex}" + + + + name + Markup - Raw Block + scope + markup.raw.block + settings + + foreground + #"{syntax.keyword.hex}" + + + + name + Markup - Table + scope + markup.table + settings + + background + #3cadd71a + foreground + #"{syntax.tag.hex}" + + + + name + Markdown - Plain + scope + text.html.markdown, punctuation.definition.list_item.markdown + settings + + foreground + #"{common.fg.hex}" + + + + name + Markdown - Markup Raw Inline + scope + text.html.markdown markup.raw.inline + settings + + foreground + #"{syntax.tag.hex}" + + + + name + Markdown - Line Break + scope + text.html.markdown meta.dummy.line-break + settings + + foreground + #"{syntax.comment.hex}" + + + + name + Markdown - Heading + scope + markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown + settings + + foreground + #"{syntax.string.hex}" + + + + name + Markdown - Blockquote + scope + markup.quote, punctuation.definition.blockquote.markdown + settings + + fontStyle + italic + foreground + #"{syntax.operator.hex}" + + + + name + Markdown - Link + scope + string.other.link.title.markdown + settings + + fontStyle + underline + foreground + #"{syntax.es_spec.hex}" + + + + name + Markdown - Raw Block Fenced + scope + markup.raw.block.fenced.markdown + settings + + background + #ffffff10 + foreground + #"{common.fg.hex}" + + + + name + Markdown - Fenced Bode Block + scope + punctuation.definition.fenced.markdown, variable.language.fenced.markdown + settings + + background + #ffffff10 + foreground + #"{syntax.comment.hex}" + + + + name + Markdown - Fenced Language + scope + variable.language.fenced.markdown + settings + + fontStyle + + foreground + #"{syntax.comment.hex}" + + + + name + Markdown - Separator + scope + meta.separator + settings + + background + #ffffff10 + fontStyle + bold + foreground + #"{syntax.comment.hex}" + + + + name + JSON Key - Level 8 + scope + source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string + settings + + foreground + #"{syntax.tag.hex}" + + + + name + JSON Key - Level 7 + scope + source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string + settings + + foreground + #"{syntax.tag.hex}" + + + + name + JSON Key - Level 6 + scope + source.json meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string + settings + + foreground + #"{syntax.tag.hex}" + + + + name + JSON Key - Level 5 + scope + source.json meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string + settings + + foreground + #"{syntax.tag.hex}" + + + + name + JSON Key - Level 4 + scope + source.json meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string + settings + + foreground + #"{syntax.tag.hex}" + + + + name + JSON Key - Level 3 + scope + source.json meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string + settings + + foreground + #"{syntax.tag.hex}" + + + + name + JSON Key - Level 2 + scope + source.json meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string + settings + + foreground + #"{syntax.tag.hex}" + + + + name + JSON Key - Level 1 + scope + source.json meta meta.structure.dictionary.json string.quoted.double.json - meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta.structure.dictionary.json punctuation.definition.string - meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string + settings + + foreground + #"{syntax.tag.hex}" + + + + name + JSON Key - Level 0 + scope + source.json meta.structure.dictionary.json string.quoted.double.json - meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta.structure.dictionary.json punctuation.definition.string - meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string + settings + + foreground + #"{syntax.tag.hex}" + + + + name + AceJump Label - Blue + scope + acejump.label.blue + settings + + background + #"{syntax.tag.hex}" + foreground + #FFFFFF + + + + name + AceJump Label - Green + scope + acejump.label.green + settings + + background + #"{syntax.string.hex}" + foreground + #FFFFFF + + + + name + AceJump Label - Orange + scope + acejump.label.orange + settings + + background + #"{syntax.keyword.hex}" + foreground + #FFFFFF + + + + name + AceJump Label - Purple + scope + acejump.label.purple + settings + + background + #"{syntax.sup_var.hex}" + foreground + #FFFFFF + + + + name + SublimeLinter Warning + scope + sublimelinter.mark.warning + settings + + foreground + #"{syntax.tag.hex}" + + + + name + SublimeLinter Gutter Mark + scope + sublimelinter.gutter-mark + settings + + foreground + #FFFFFF + + + + name + SublimeLinter Error + scope + sublimelinter.mark.error + settings + + foreground + #"{syntax.error.hex}" + + + + name + GitGutter Ignored + scope + markup.ignored.git_gutter + settings + + foreground + #"{syntax.comment.hex}" + + + + name + GitGutter Untracked + scope + markup.untracked.git_gutter + settings + + foreground + #"{syntax.comment.hex}" + + + + name + GutterColor + scope + gutter_color + settings + + foreground + #FFFFFF + + + + uuid + 0e709986-46a0-40a0-b3bf-c8dfe525c455 + + diff --git a/ayu-light.yml b/src/templates/sublime.syntax.yml similarity index 88% rename from ayu-light.yml rename to src/templates/sublime.syntax.yml index cc6c0d65..358e67ce 100644 --- a/ayu-light.yml +++ b/src/templates/sublime.syntax.yml @@ -1,37 +1,40 @@ -# [PackageDev] target_format: plist, ext: tmTheme +# [PackageDev] target_format: plist, ext: xml +# prefix="" +# sublime="" +# ext="yml" --- name: ayu author: Ike Ku uuid: 0e709986-46a0-40a0-b3bf-c8dfe525c455 colorSpaceName: sRGB -semanticClass: ayu.dark +semanticClass: ayu."{theme}" settings: - settings: - activeGuide: '#B3B2B1' - background: &bg '#FAFAFA' + activeGuide: '#"{syntax.active_guide.hex}"' + background: &bg '#"{common.bg.hex}"' inactiveBackground: *bg - caret: '#FF6A00' - findHighlight: &constant '#A37ACC' - findHighlightForeground: &white '#ffffff' - foreground: &fg '#5C6773' - guide: &gutter '#D9D8D7' + caret: '#"{common.accent.hex}"' + findHighlight: &constant '#"{syntax.constant.hex}"' + findHighlightForeground: &white '#FFFFFF' + foreground: &fg '#"{common.fg.hex}"' + guide: &gutter '#"{syntax.gutterFg.hex}"' gutter: *bg gutterForeground: *gutter - inactiveSelection: &in_selection '#F2F2EB' invisibles: '#FF0000' - lineHighlight: '#F2F2F2' - selection: &selection '#F0EEE4' - selectionBorder: *selection + lineHighlight: '#"{syntax.line_hg.hex}"' + selection: &selection '#"{syntax.selection.hex}"' + selectionBorder: '#"{common.fg.hex}"35' + inactiveSelection: &in_selection '#"{syntax.in_selection.hex}"' shadow: '#00000010' - stackGuide: '#DEDDDC' + stackGuide: '#"{syntax.stack_guide.hex}"' popupCss: | html, body { - background-color: #FFFFFF; + background-color: #"{ui.panel.bg.hex}"; font-size: 12px; - color: #5C6773; + color: #"{common.fg.hex}"; padding: 0; } body { @@ -44,17 +47,17 @@ settings: font-weight: normal; } a { - color: rgba(65, 166, 217, .7); + color: rgba("{syntax.tag.rgb}", .7); line-height: 16px; } .type { - color: #F07178; + color: #"{syntax.sup_var.hex}"; } .name { - color: #CCA37A; + color: #"{syntax.es_spec.hex}"; } .param { - color: #F29718; + color: #"{syntax.func.hex}"; } .current { text-decoration: underline; @@ -64,7 +67,7 @@ settings: scope: comment, punctuation.definition.comment settings: fontStyle: italic - foreground: &comment '#ABB0B6' + foreground: &comment '#"{syntax.comment.hex}"' - name: Variable scope: variable @@ -74,27 +77,27 @@ settings: - name: Keyword, Storage scope: keyword, storage.type, storage.modifier settings: - foreground: &keyword '#F2590C' + foreground: &keyword '#"{syntax.keyword.hex}"' - name: Operator, Misc scope: constant.other.color, meta.tag, punctuation.separator.inheritance.php, punctuation.section.embedded, keyword.other.substitution settings: - foreground: &operator '#E7C547' + foreground: &operator '#"{syntax.operator.hex}"' - name: Tag scope: entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter settings: - foreground: &tag '#41A6D9' + foreground: &tag '#"{syntax.tag.hex}"' - name: Function, Special Method, Block Level scope: entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method, meta.block-level settings: - foreground: &function '#F29718' + foreground: &function '#"{syntax.func.hex}"' - name: Other Variable, String Link scope: support.other.variable, string.other.link settings: - foreground: &sup_var '#F07178' + foreground: &sup_var '#"{syntax.sup_var.hex}"' - name: Number, Constant, Function Argument, Tag Attribute, Embedded scope: constant.numeric, constant.language, support.constant, constant.character, variable.parameter, keyword.other.unit @@ -105,7 +108,7 @@ settings: scope: string, keyword.other.template, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js settings: fontStyle: normal - foreground: &string '#86B300' + foreground: &string '#"{syntax.string.hex}"' - name: Class, Support scope: entity.name.class, entity.name.type.class, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter @@ -126,7 +129,7 @@ settings: - name: Invalid scope: invalid settings: - foreground: &error '#FF3333' + foreground: &error '#"{syntax.error.hex}"' - name: Deprecated scope: invalid.deprecated @@ -137,7 +140,7 @@ settings: - name: Html punctuations tags scope: punctuation.definition.tag.end, punctuation.definition.tag.begin, punctuation.definition.tag settings: - foreground: &tag_punc '#41A6D990' # opacity of tag verson of &tag + foreground: '#"{syntax.tag.hex}"90' # opacity of tag verson of &tag_punctag - name: Attributes scope: entity.other.attribute-name @@ -162,7 +165,7 @@ settings: - name: Regular Expressions and Escape Characters scope: string.regexp, constant.character.escape settings: - foreground: ®exp '#4DBF99' + foreground: ®exp '#"{syntax.regexp.hex}"' - name: URL scope: '*url*, *link*, *uri*' @@ -184,7 +187,7 @@ settings: scope: tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js settings: fontStyle: italic - foreground: &es_spec '#CCA37A' + foreground: &es_spec '#"{syntax.es_spec.hex}"' - name: ES7 Bind Operator scope: source.js constant.other.object.key.js string.unquoted.label.js @@ -195,6 +198,7 @@ settings: - name: entity.name.method.js scope: entity.name.method.js settings: + fontStyle: italic foreground: *es_spec - name: meta.method.js @@ -312,22 +316,22 @@ settings: - name: JSON Key - Level 7 scope: source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string settings: - foreground: *keyword + foreground: *tag - name: JSON Key - Level 6 scope: source.json meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string settings: - foreground: *sup_var + foreground: *tag - name: JSON Key - Level 5 scope: source.json meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string settings: - foreground: *es_spec + foreground: *tag - name: JSON Key - Level 4 scope: source.json meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string settings: - foreground: *es_spec + foreground: *tag - name: JSON Key - Level 3 scope: source.json meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string @@ -337,7 +341,7 @@ settings: - name: JSON Key - Level 2 scope: source.json meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string settings: - foreground: *constant + foreground: *tag - name: JSON Key - Level 1 scope: source.json meta meta.structure.dictionary.json string.quoted.double.json - meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta.structure.dictionary.json punctuation.definition.string - meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string diff --git a/src/templates/sublime.ui.json b/src/templates/sublime.ui.json new file mode 100644 index 00000000..9e054e6d --- /dev/null +++ b/src/templates/sublime.ui.json @@ -0,0 +1,1348 @@ +// prefix="" +// sublime="" +// ext="sublime-theme" +[ + + /* @ EMPTY WINDOW + * Style for empty (no tabs) window + ========================================================================= */ + + { + "class" : "sheet_container_control", + "layer0.tint" : ["{common.bg.rgb}"], + "layer0.opacity" : 1 + }, + + + /* @ GRID LAYOUT + * Grid style + ========================================================================= */ + + { + "class": "grid_layout_control", + "border_size": 0, + "border_color": ["{ui.grid_divider.rgb}"] + }, + { + "class": "grid_layout_control", + "settings": ["ui_separator"], + "border_size": 1 + }, + + /* @ DIALOG POPUP + * Dialog popup style and progressbar + ========================================================================= */ + // !!! + { + "class": "progress_gauge_control", + "layer0.tint": ["{common.accent.rgb}"], + "layer0.opacity": 1.0, + "content_margin": [0, 6] + }, + + { + "class": "dialog", + "layer0.tint": ["{common.bg.rgb}"], + "layer0.opacity": 1.0 + }, + + { + "class": "progress_bar_control", + "layer0.tint": ["{common.bg.rgb}"], + "layer0.opacity": 1.0 + }, + + + /* @ CODE FOLDING + * Folding arrow setting and behavioring + ========================================================================= */ + { + "class": "fold_button_control", + "layer0.texture": "ayu/assets/unfold.png", + "layer0.opacity": 1.0, + "layer0.inner_margin": 0, + "layer0.tint": ["{ui.fg.rgb}"], + "content_margin": [8, 6, 8, 6] + }, + + { + "class": "fold_button_control", + "attributes": ["hover"], + "layer0.tint": ["{common.accent.rgb}"], + }, + + { + "class": "fold_button_control", + "attributes": ["expanded"], + "layer0.texture": "ayu/assets/fold.png" + }, + + + /* @ AUTOCOMPLETE + * Autocomplete popup setting and behavioring + ========================================================================= */ + + { + "class": "popup_control", + "layer0.tint": ["{ui.panel.bg.rgb}"], + "layer0.opacity": 1.0, + "content_margin": [0, 0] + }, + + { + "class": "auto_complete", + "row_padding": [12, 6], + "layer0.tint": ["{ui.panel.bg.rgb}"], + "layer0.opacity": 1.0 + }, + + { + "class": "auto_complete_label", + "fg": ["{ui.fg.rgb}"], + "match_fg": ["{common.accent.rgb}"], + "selected_fg": ["{common.fg.rgb}"], + "selected_match_fg": ["{common.accent.rgb}"] + }, + + { + "class": "table_row", + "layer0.tint": ["{ui.panel.row_bg.rgb}"], + "layer0.opacity": 0.0 + }, + + { + "class": "table_row", + "attributes": ["selected"], + "layer0.opacity": 1.0 + }, + + + /* @ TOOLTIP + * Tooltip setting and behavioring + ========================================================================= */ + + { + "class": "tool_tip_control", + "layer0.tint": ["{common.bg.rgb}"], + "layer0.inner_margin": [0, 0], + "layer0.opacity": 1.0, + "content_margin": [10, 6] + }, + + { + "class": "tool_tip_label_control", + "color": ["{ui.fg.rgb}"], + "font.face": "Roboto mono", + "font.size": 12 + }, + + + /* @OVERLAY PANELS + * Overlay panels setting and behavioring + ========================================================================= */ + + // Command Panel + { + "class": "overlay_control", + "layer0.texture": "ayu/assets/overlay-shadow.png", + "layer0.inner_margin": [25, 45, 25, 35], + "layer0.opacity": 1.0, + "layer0.tint": ["{ui.panel.shadow.rgb}"], + + "layer1.texture": "ayu/assets/overlay-bg.png", + "layer1.inner_margin": [25, 45, 25, 35], + "layer1.opacity": 1.0, + "layer1.tint": ["{ui.panel.bg.rgb}"], + + "content_margin": [20, 45, 20, 35] + }, + + // Command Panel list item style (cmd + shift + p) + + { + "class": "mini_quick_panel_row", + "layer0.tint": ["{common.bg.rgb}", 0], + "layer0.inner_margin": [2, 2, 2, 2], + "layer0.opacity": 1.0 + }, + + // Command Panel selected list item style (cmd + p) + + { + "class": "mini_quick_panel_row", + "attributes": ["selected"], + "layer0.tint": ["{ui.panel.row_bg.rgb}"] + }, + + // Quick panel project setting (project manager) (cmd + ctrl + p) + + { + "class": "quick_panel", + "row_padding": [32, 12], + "layer0.tint": ["{ui.panel.bg.rgb}"], + "layer0.opacity": 1.0 + }, + + // Quick Panel row default style (project manager) + + { + "class": "quick_panel_row", + "layer0.texture": "", + "layer0.tint": ["{ui.panel.bg.rgb}"], + "layer0.inner_margin": 0, + "layer0.opacity": 1.0 + }, + + // Row panel style inside comman panel (cmd + p) + + { + "class": "quick_panel_row", + "parents": [{"class": "overlay_control"}], + "layer0.tint": ["{ui.panel.bg.rgb}"], + "layer0.opacity": 1.0 + }, + + // Quick panel (project) style inside overlay_control (cmd + shift + p) + + { + "class": "quick_panel", + "parents": [{"class": "overlay_control"}], + "row_padding": [10, 7], + "layer0.tint": ["{ui.panel.bg.rgb}"], + "layer0.opacity": 1.0 + }, + + // Quick Panel selected list item style + + { + "class": "quick_panel_row", + "attributes": ["selected"], + "layer0.tint": ["{ui.panel.row_bg.rgb}"] + }, + + // Panel labels + + { + "class": "quick_panel_label", + "fg": ["{ui.fg.rgb}"], + "match_fg": ["{common.accent.rgb}"], + "selected_fg": ["{common.fg.rgb}"], + "selected_match_fg": ["{common.accent.rgb}"] + }, + + // Panel labels + + { + "class": "quick_panel_label", + "parents": [{"class": "overlay_control"}], + "fg": ["{ui.fg.rgb}"], + "match_fg": ["{common.accent.rgb}"], + "selected_fg": ["{common.fg.rgb}"], + "selected_match_fg": ["{common.accent.rgb}"] + }, + + // Panels sublabels + + { + "class": "quick_panel_path_label", + "fg": ["{ui.panel.path_fg.rgb}"], + "match_fg": ["{common.fg.rgb}"], + "selected_fg": ["{ui.fg.rgb}"], + "selected_match_fg": ["{common.fg.rgb}"] + }, + + // Panels data / score + + { + "class": "quick_panel_score_label", + "fg": ["{ui.fg.rgb}"], + "selected_fg": ["{ui.fg.rgb}"] + }, + + + + /* @ TABS + * Tabs settings and behavioring + ========================================================================= */ + + { + "class": "tabset_control", + "tab_overlap": 0, + "tab_width": 50, + "tab_min_width": 50, + "tab_height": 30, + "mouse_wheel_switch": false, + + "layer0.opacity": 1.0, + "layer0.tint": ["{common.bg.rgb}"], + "content_margin": [10, 0] + }, + { + "class": "tabset_control", + "settings": ["mouse_wheel_switches_tabs", "!enable_tab_scrolling"], + "mouse_wheel_switch": true + }, + { + "class": "tabset_control", + "settings": ["ui_separator"], + "content_margin": [0, 0, 0, 0], + "layer1.opacity": "{ui.opacity}", + "layer1.texture": "ayu/assets/separator-bottom.png", + "layer1.tint": ["{ui.fg.rgb}"], + "layer1.inner_margin": [1, 0, 1, 2] + }, + { + "class": "tabset_control", + "settings": ["ui_big_tabs"], + "tab_height": 44 + }, + + // Tabs + { + "class": "tab_control", + + "layer0.tint": ["{common.bg.rgb}"], + "layer0.opacity": 1.0, + + "layer1.texture": "", + + "layer2.texture": "ayu/assets/separator-bottom.png", + "layer2.tint": ["{common.accent.rgb}"], + "layer2.inner_margin": [1, 0, 1, 2], + "layer2.opacity": 0.0, + + "layer3.texture": "", + + "content_margin": [10, -2, 10, 0], + "max_margin_trim": 12 + }, + { + "class": "tab_control", + "settings": ["ui_separator"], + + "layer1.texture": "ayu/assets/separator-right.png", + "layer1.tint": ["{ui.fg.rgb}"], + "layer1.inner_margin": [0, 1, 2, 1], + "layer1.opacity": "{ui.opacity}", + + "layer3.texture": "ayu/assets/separator-bottom.png", + "layer3.tint": ["{ui.fg.rgb}"], + "layer3.inner_margin": [1, 0, 1, 2], + "layer3.opacity": "{ui.opacity}" + }, + { + "class": "tab_control", + "settings": ["ui_big_tabs"], + "content_margin": [15, -2, 15, 0] + }, + + // Selected current tab + + { + "class": "tab_control", "attributes": ["selected"], + "layer2.opacity": 1.0, + "layer3.opacity": 0.0 + }, + + // Hovered current tab + + { + "class": "tab_control", "attributes": ["hover"], + "layer2.opacity": 0.3 + }, + + // Selected current tab + + { + "class": "tab_control", "attributes": ["selected","hover"], + "layer2.opacity": 1.0 + }, + + // Tab Labels + + { + "class": "tab_label", + "fg": ["{common.bg.rgb}", 0], + "shadow_color": ["{ui.fg.rgb}"], + "shadow_offset": [0, -1], + "font.size": 12, + "font.italic": false, + "font.bold": false, + "font.face": "Roboto mono" + }, + { + "class": "tab_label", + "fg": ["{ui.fg.rgb}"], + "settings": ["ui_fix_tab_labels"], + "shadow_color": ["{common.bg.rgb}", 0], + "shadow_offset": [0, 0] + }, + + // Tab selected label color + + { + "class": "tab_label", + "parents": [{"class": "tab_control", "attributes": ["selected"]}], + "fg": ["{common.bg.rgb}", 0], + "shadow_color": ["{common.fg.rgb}"], + "shadow_offset": [0, -1], + }, + { + "class": "tab_label", + "settings": ["ui_fix_tab_labels"], + "parents": [{"class": "tab_control", "attributes": ["selected"]}], + "fg": ["{common.fg.rgb}"], + "shadow_color": ["{common.bg.rgb}", 0], + "shadow_offset": [0, 0] + }, + + { + "class": "tab_label", + "attributes": ["transient"], + "font.italic": true + }, + + // Tab Close Buttons + { + "class": "tab_close_button", + "content_margin": [0, 0], + + // Close Icon + "layer0.texture": "ayu/assets/close.png", + "layer0.tint": ["{ui.fg.rgb}"], + "layer0.opacity": 1.0, + + // Dirty Icon + "layer1.texture": "ayu/assets/dirty.png", + "layer1.tint": ["{ui.fg.rgb}"], + "layer1.opacity": 0, + }, + + // Default + { + "class": "tab_close_button", + "settings": ["show_tab_close_buttons"], + "content_margin": [8, 8] + }, + + // Default hover + { + "class": "tab_close_button", + "settings": ["show_tab_close_buttons"], + "attributes": ["hover"], + "layer0.tint": ["{common.accent.rgb}"] + }, + + // Dirty tab + { + "class": "tab_close_button", + "parents": [{"class": "tab_control", "attributes": ["dirty"]}], + "layer0.opacity": 0, // Close Icon + "layer1.opacity": 1.0, // dirty Icon + "content_margin": [8, 8] + }, + + // Dirty tab on hover + { + "class": "tab_close_button", + "parents": [{"class": "tab_control", "attributes": ["dirty"]}], + "attributes": ["hover"], + "layer0.opacity": 1.0, // Close Icon + "layer1.opacity": 0 // Close Icon + }, + + // Selected dirty tab + { + "class": "tab_close_button", + "parents": [{"class": "tab_control", "attributes": ["selected", "dirty"]}], + "layer0.opacity": 0, // Close Icon + "layer1.opacity": 1.0, // Dirty Icon + "layer1.tint": ["{common.accent.rgb}"] + }, + + // Selected dirty tab on hover + { + "class": "tab_close_button", + "parents": [{"class": "tab_control", "attributes": ["selected", "dirty"]}], + "attributes": ["hover"], + "layer0.opacity": 1.0, + "layer1.opacity": 0 + }, + + // tab set scroll left | scroll right + { + "class": "scroll_tabs_left_button", + "content_margin": [12, 15], + "layer0.texture": "ayu/assets/arrow-left.png", + "layer0.tint": ["{ui.folder.normal.rgb}"], + "layer0.opacity": 1.0 + }, + + { + "class": "scroll_tabs_left_button", + "attributes": ["hover"], + "layer0.tint": ["{common.accent.rgb}"] + }, + + { + "class": "scroll_tabs_right_button", + "content_margin": [12, 15], + "layer0.texture": "ayu/assets/arrow-right.png", + "layer0.tint": ["{ui.folder.normal.rgb}"], + "layer0.opacity": 1.0 + }, + { + "class": "scroll_tabs_right_button", + "settings": ["ui_separator"], + "layer2.texture": "ayu/assets/separator-right.png", + "layer2.tint": ["{ui.fg.rgb}"], + "layer2.opacity": "{ui.opacity}", + "layer2.inner_margin" : [0, 1, 2, 1] + }, + + { + "class": "scroll_tabs_right_button", + "attributes": ["hover"], + "layer0.tint": ["{common.accent.rgb}"] + }, + + { + "class": "show_tabs_dropdown_button", + "content_margin": [12, 12], + "layer0.texture": "ayu/assets/overflow-menu.png", + "layer0.tint": ["{ui.folder.normal.rgb}"], + "layer0.opacity": 1.0, + "layer0.inner_margin": [0, 0] + }, + + { + "class": "show_tabs_dropdown_button", + "attributes": ["hover"], + "layer0.tint": ["{common.accent.rgb}"] + }, + + + /* @ SIDEBAR + * Sidebar panel settings and behavioring + ========================================================================= */ + + { + "class": "sidebar_container", + "content_margin": [0, -10, 0, 0], + "layer0.opacity": 1, + "layer0.tint": ["{common.bg.rgb}"] + }, + { + "class": "sidebar_container", + "settings": ["ui_separator"], + "layer1.texture": "ayu/assets/separator-right.png", + "layer1.tint": ["{ui.fg.rgb}"], + "layer1.inner_margin": [0, 1, 2, 1], + "layer1.opacity": "{ui.opacity}" + }, + + { + "class": "sidebar_tree", + "row_padding": [20, 6], + "indent": 12, + "indent_offset": 0, + "indent_top_level": false, + "dark_content": false + }, + + { + "class": "sidebar_heading", + "color": ["{common.bg.rgb}"], + "font.face": "Roboto mono", + "font.bold": true, + "font.size": 11 + }, + + { + "class": "tree_row", + "layer1.texture": "ayu/assets/tree-highlight.png", + "layer1.opacity": { "target": 0.0, "speed": 5.0, "interpolation": "smoothstep" }, + "layer1.tint": ["{common.accent.rgb}"], + "layer1.inner_margin": [5, 0, 0, 0] + }, + + { + "class": "tree_row", + "attributes": ["selected"], + "layer1.opacity": { "target": 1.0, "speed": 5.0, "interpolation": "smoothstep" } + }, + + { + "class": "sidebar_label", + "color": ["{ui.fg.rgb}"], + "shadow_color": [0, 0, 0], + "shadow_offset": [0, 0], + "font.face": "Roboto mono", + "font.size": 12 + }, + + { + "class": "sidebar_label", + "parents": [{"class": "tree_row","attributes": ["hover"]}], + "color": ["{common.fg.rgb}"] + }, + + { + "class": "sidebar_label", + "parents": [{"class": "tree_row","attributes": ["selected"]}], + "color": ["{common.fg.rgb}"], + "shadow_color": [0, 0, 0], + "shadow_offset": [0, 0] + }, + + { + "class": "sidebar_label", + "parents": [{"class": "tree_row","attributes": ["expandable"]}], + "color": ["{ui.fg.rgb}"], + "font.bold": false + }, + + { + "class": "sidebar_label", + "parents": [{"class": "tree_row", "attributes": ["expandable"]}], + "settings": ["bold_folder_labels"], + "font.bold": true + }, + + { + "class": "sidebar_label", + "parents": [{"class": "tree_row", "attributes": ["expandable", "hover"]}], + "color": ["{common.fg.rgb}"] + }, + + { + "class": "sidebar_label", + "parents": [{"class": "tree_row", "attributes": ["expanded"]}], + "color": ["{common.fg.rgb}"] + }, + + { + "class": "sidebar_label", + "parents": [{"class": "tree_row", "attributes": ["expanded"]}], + "settings": ["bold_folder_labels"], + "font.bold": true + }, + + // { + // "class": "sidebar_label", + // "parents": [{"class": "tree_row", "attributes": ["expanded", "selected"]}], + // "color": ["{common.fg.rgb}"] + // }, + + { + "class": "sidebar_label", + "attributes": ["transient"], + "font.italic": false + }, + + // File icons and folder + + { + "class": "icon_file_type", + // layer0.texture is filled in by code with the relevant icon name + "layer0.opacity": 0.8, + "layer0.inner_margin": [0, 2, 0, -2], + "content_margin": [9, 9] + }, + { + "class": "icon_file_type", + "parents": [{"class": "tree_row", "attributes": ["selected"]}], + "layer0.opacity": 1 + }, + { + "class": "icon_file_type", + "parents": [{"class": "tree_row", "attributes": ["hover"]}], + "layer0.opacity": 1 + }, + + // Secondary folder icon (original) used as main folder icon + + { + "class": "icon_folder", + "content_margin": [9, 9], + "layer0.tint": ["{common.bg.rgb}"], + "layer0.opacity": 0, + + "layer1.texture": "ayu/assets/folder.png", + "layer1.tint": ["{ui.folder.normal.rgb}"], + "layer1.opacity": 1, + + "layer2.texture": "ayu/assets/folder-open.png", + "layer2.tint": ["{common.accent.rgb}"], + "layer2.opacity": 0.0 + }, + + { + "class": "icon_folder", + "parents": [{ "class": "tree_row", "attributes": ["expanded"] }], + "layer1.opacity": 0.0, + "layer2.opacity": 1.0 + }, + + { + "class": "icon_folder", + "parents": [{ "class": "tree_row", "attributes": ["hover"] }], + "layer1.tint": ["{common.accent.rgb}"] + }, + + { + "class": "icon_folder", + "parents": [{ "class": "tree_row", "attributes": ["expanded", "hover"] }], + "layer2.texture": { + "keyframes": [ + "ayu/assets/folder-open-1.png", + "ayu/assets/folder-open-1.png", + "ayu/assets/folder-open-2.png", + "ayu/assets/folder-open-3.png", + "ayu/assets/folder-open-4.png", + "ayu/assets/folder-open-5.png", + "ayu/assets/folder-open-5.png", + "ayu/assets/folder-open-5.png", + "ayu/assets/folder-open-6.png", + "ayu/assets/folder-open-6.png", + "ayu/assets/folder-open-6.png", + "ayu/assets/folder-open-6.png", + "ayu/assets/folder-open.png" + ], + "loop": false, + "frame_time": 0.020 + }, + "layer1.opacity": 0.0, + "layer2.opacity": 1.0 + }, + + { + "class": "icon_folder", + "parents": [{ "class": "tree_row", "attributes": ["selected"] }], + "layer1.tint": ["{common.accent.rgb}"] + }, + + { + "class": "icon_folder_loading", + "layer1.texture": { + "keyframes": [ + "ayu/assets/spinner11.png", + "ayu/assets/spinner10.png", + "ayu/assets/spinner9.png", + "ayu/assets/spinner8.png", + "ayu/assets/spinner7.png", + "ayu/assets/spinner6.png", + "ayu/assets/spinner5.png", + "ayu/assets/spinner4.png", + "ayu/assets/spinner3.png", + "ayu/assets/spinner2.png", + "ayu/assets/spinner1.png", + "ayu/assets/spinner.png" + ], + "loop": true, + "frame_time": 0.075 + }, + "layer1.tint": ["{common.accent.rgb}"], + + "layer0.opacity": 0.0, + "content_margin": [8, 8] + }, + + // Symlink folder icon + { + "class": "icon_folder_dup", + "content_margin": [9, 9], + "layer0.texture": "ayu/assets/folder.png", + "layer0.tint": ["{ui.folder.normal.rgb}"], + "layer0.opacity": 1.0, + + "layer1.texture": "ayu/assets/folder-symlink.png", + "layer1.tint": ["{ui.fg.rgb}"], + "layer1.opacity": 0.3 + }, + + { + "class": "icon_folder_dup", + "parents": [{ "class": "tree_row", "attributes": ["hover"]}], + "layer0.tint": ["{common.accent.rgb}"] + }, + + { + "class": "icon_folder_dup", + "parents": [{"class": "tree_row", "attributes": ["expanded"] }], + "layer0.tint": ["{common.accent.rgb}"] + }, + + // Hidden arrow icon before folder + + { + "class": "disclosure_button_control", + "content_margin": [0, 0, 0, 0] + }, + + // Opened files + { + "class": "close_button", + "content_margin": [8, 8], + + // Default Close icon + "layer0.texture": "ayu/assets/close.png", + "layer0.opacity": 0, + "layer0.inner_margin": [0, 0], + "layer0.tint": ["{ui.fg.rgb}"] + }, + + + // Opened file hover + + { + "class": "close_button", + "parents": [{ "class": "tree_row", "attributes": ["hover"] }], + // Default Close icon + "layer0.opacity": 0.6 + }, + + { + "class": "close_button", + "attributes": ["dirty"], + "layer0.texture": "ayu/assets/dirty.png", + "layer0.tint": ["{ui.fg.rgb}"], + "layer0.opacity": 1.0 + }, + + { + "class": "close_button", + "attributes": ["hover"], + "layer0.opacity": 1.0, + "layer0.tint": ["{common.accent.rgb}"] + }, + + + /* @ SCROLLBARS + * Scrollbars settings and behavioring + ========================================================================= */ + + // Normal Vertical scrollbar track + // !!! + { + "class": "scroll_bar_control", + "layer0.tint" : ["{common.bg.rgb}"], + "layer0.opacity": 1, + "layer0.inner_margin": [0, 0], + "blur": false + }, + + // Normal Vertical scrollbar track inside overlay panel + + { + "class": "scroll_bar_control", + "parents": [{"class": "overlay_control"}], + "layer0.tint": ["{common.bg.rgb}", 0], + "layer0.opacity": 1.0, + "layer0.inner_margin": [0, 2], + "blur": false + }, + + // Normal horizontal scrollbar track + + { + "class": "scroll_bar_control", + "attributes": ["horizontal"], + "layer0.texture": "", + "layer0.tint" : ["{common.bg.rgb}"], + "layer0.inner_margin": [0, 0], + "blur": false + }, + + // Normal horizontal scrollbar track inside overlay panel + // !!! + // { + // "class": "scroll_bar_control", + // "attributes": ["horizontal"], + // "parents": [{"class": "overlay_control"}], + // "layer0.tint": ["{common.bg.rgb}", 0], + // "layer0.opacity": 0.0, + // "layer0.inner_margin": [0, 2], + // "blur": false + // }, + + // Scrollbars corner + + { + "class": "scroll_corner_control", + "layer0.texture": "", + "layer0.tint":["{common.bg.rgb}"], + "layer0.inner_margin": [0, 0], + "layer0.opacity": 1, + "blur": false + }, + + // Vertical puck controller + + { + "class": "puck_control", + "layer0.texture": "", + "layer0.tint": ["{ui.scrollbar.puck.rgb}", 50], + "layer0.opacity": 1, + "layer0.inner_margin": [0, 0], + "content_margin": [1, 12], + "blur": false + }, + + // Horizontal puck controller + + { + "class": "puck_control", + "attributes": ["horizontal"], + "layer0.texture": "", + "layer0.tint": ["{ui.scrollbar.puck.rgb}", 50], + "layer0.inner_margin": [0, 0], + "content_margin": [12, 1], + "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 + }, + + + { + "class": "scroll_area_control", + "parents": [{"class": "overlay_control"}], + "settings": ["overlay_scroll_bars"], + "overlay": true // set to false for the original behavior + }, + + { + "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"], + "layer0.tint": [28, 31, 38], + "layer0.inner_margin": [0, 5], + "blur": false + }, + + { + "class": "scroll_bar_control", + "settings": ["overlay_scroll_bars"], + "attributes": ["horizontal"], + "layer0.inner_margin": [5, 0], + "blur": true + }, + + + /* @ MINIMAP + * Minimap settings and behavioring + ========================================================================= */ + + { + "class": "minimap_control", + "settings": ["always_show_minimap_viewport"], + "viewport_color": ["{ui.minimap}"], + "viewport_opacity": "{ui.opacity}" + }, + + { + "class": "minimap_control", + "settings": ["!always_show_minimap_viewport"], + "viewport_color": ["{ui.minimap}"], + "viewport_opacity": { "target": 0, "speed": 4.0, "interpolation": "smoothstep" } + }, + + { + "class": "minimap_control", + "attributes": ["hover"], + "settings": ["!always_show_minimap_viewport"], + "viewport_opacity": { "target": 0.2, "speed": 4.0, "interpolation": "smoothstep" } + }, + + + /* @ STATUS BAR + * Status bar settings and behavioring + ========================================================================= */ + + // All labels + + { + "class": "label_control", + "color": ["{ui.fg.rgb}"], + "shadow_color": [0, 0, 0, 0], + "shadow_offset": [0, 0], + "font.bold": false, + "font.face": "Roboto mono", + "font.size": 12 + }, + + // Status bar labels + + { + "class": "label_control", + "parents": [{"class": "status_bar"}], + "color": ["{ui.fg.rgb}"], + "font.bold": false + }, + + // Text field labels + + { + "class": "status_bar", + "layer0.texture": "", + "layer0.tint": ["{common.bg.rgb}"], + "layer0.opacity": 1, + "layer1.texture": "ayu/assets/separator-top.png", + "layer1.inner_margin": [1, 2, 1, 0], + "content_margin": [10, 0] + }, + { + "class": "status_bar", + "settings": ["ui_separator"], + "layer0.tint": ["{ui.panel.bg.rgb}"] + // "layer1.opacity": "{ui.opacity}" + }, + + { + "class": "status_container", + "content_margin": [0, 5] + }, + + { + "class": "status_button", + "min_size": [100, 0] + }, + + + /* @ WIDGET PANEL + * Widget, input, buttons settings and behavioring + ========================================================================= */ + + + // Status bar panel + { + "class": "panel_control", + "layer0.tint": ["{common.bg.rgb}"], + "layer0.opacity": 1.0, + "content_margin": [0, 5] + }, + { + "class": "panel_control", + "settings": ["ui_separator"], + "layer0.tint": ["{ui.panel.bg.rgb}"], + "layer1.texture": "ayu/assets/separator-top.png", + "layer1.tint": ["{ui.fg.rgb}"], + "layer1.inner_margin": [1, 2, 1, 0], + "layer1.opacity": "{ui.opacity}" + }, + + // Status bar panel close icon + + { + "class": "panel_close_button", + "layer0.texture": "ayu/assets/close.png", + "layer0.opacity": 1.0, + "layer0.tint": ["{ui.fg.rgb}"], + "content_margin": [0, 0] // 8,8 to show + }, + // !!! + { + "class": "panel_close_button", + "attributes": ["hover"], + "layer0.tint": ["{common.accent.rgb}"] + }, + + // Texline input + + { + "class": "text_line_control", + "layer0.texture": "ayu/assets/input-bg.png", + "layer0.opacity": 1, + "layer0.inner_margin": [10, 8], + "layer0.tint": ["{ui.panel.bg.rgb}"], + + "layer1.texture": "ayu/assets/input-border.png", + "layer1.opacity": "{ui.opacity}", + "layer1.inner_margin": [10, 8], + "layer1.tint": ["{ui.fg.rgb}"], + "content_margin": [10, 7, 10, 5] + }, + + + // Textline input inside overlay panels + + { + "class": "text_line_control", + "parents": [{"class": "overlay_control"}], + "layer0.texture": "", + "layer0.opacity": 0, + "layer1.texture": "ayu/assets/input-search.png", + "layer1.opacity": 1, + "layer1.tint": ["{common.accent.rgb}"], + "layer1.inner_margin": [35, 0, 0, 0], + "content_margin": [43, 7, 10, 4] + }, + + // Textline input oveflow menu + { + "class": "dropdown_button_control", + "content_margin": [12, 12], + "layer0.texture": "ayu/assets/overflow-menu.png", + "layer0.tint": ["{ui.folder.normal.rgb}"], + "layer0.opacity": 1.0 + }, + { + "class": "dropdown_button_control", + "attributes": ["hover"], + "layer0.tint": ["{common.accent.rgb}"] + }, + + + /* @ BUTTONS + * Buttons panels settings and behavioring + ========================================================================= */ + + + // Button labels + + { + "class": "button_control", + "content_margin": [15, 9, 15, 10], + "min_size": [60, 0], + "layer0.tint": ["{common.accent.rgb}", 10], + "layer0.texture": "ayu/assets/input-bg.png", + "layer0.inner_margin": [10, 8], + "layer0.opacity": 0 + }, + { + "class": "button_control", + "attributes": ["hover"], + "layer0.opacity": 1 + }, + + { + "class": "label_control", + "parents": [{"class": "button_control"}], + "color": ["{ui.fg.rgb}"] + }, + + { + "class": "label_control", + "parents": [{"class": "button_control", "attributes": ["hover"]}], + "color": ["{common.accent.rgb}"] + }, + + // !!! + // Small Icon Buttons + { + "class": "icon_button_control", + "layer0.tint": [0, 0, 0], + "layer0.opacity": 0, + "layer2.tint": ["{common.fg.rgb}"], + "layer2.opacity": { "target": 0.0, "speed": 10.0, "interpolation": "smoothstep" }, + "content_margin": [10, 5] + }, + + + /* Buttons icons settings + ===================================================================== */ + + // Regex Icon + { + "class": "icon_regex", + "layer0.texture": "ayu/assets/regex.png", + "layer0.tint": ["{ui.folder.normal.rgb}"], + "layer0.opacity": 1.0, + "content_margin": [12, 12] + }, + + { + "class": "icon_regex", + "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], + "layer0.tint": ["{common.accent.rgb}"] + }, + + // Preserve case sensitive + + { + "class": "icon_case", + "layer0.texture": "ayu/assets/matchcase.png", + "layer0.tint": ["{ui.folder.normal.rgb}"], + "layer0.opacity": 1.0, + "content_margin": [12, 12] + }, + + { + "class": "icon_case", + "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], + "layer0.tint": ["{common.accent.rgb}"] + }, + + // Wholeword + + { + "class": "icon_whole_word", + "layer0.texture": "ayu/assets/word.png", + "layer0.tint": ["{ui.folder.normal.rgb}"], + "layer0.opacity": 1.0, + "content_margin": [12, 12] + }, + + + { + "class": "icon_whole_word", + "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], + "layer0.tint": ["{common.accent.rgb}"] + }, + + // Wrap + + { + "class": "icon_wrap", + "layer0.texture": "ayu/assets/wrap.png", + "layer0.tint": ["{ui.folder.normal.rgb}"], + "layer0.opacity": 1.0, + "content_margin": [12, 12] + }, + + { + "class": "icon_wrap", + "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], + "layer0.tint": ["{common.accent.rgb}"] + }, + + // In selection + + { + "class": "icon_in_selection", + "layer0.texture": "ayu/assets/inselection.png", + "layer0.tint": ["{ui.folder.normal.rgb}"], + "layer0.opacity": 1.0, + "content_margin": [12, 12] + }, + + { + "class": "icon_in_selection", + "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], + "layer0.tint": ["{common.accent.rgb}"] + }, + + // Highlight Result + + { + "class": "icon_highlight", + "layer0.texture": "ayu/assets/highlight.png", + "layer0.tint": ["{ui.folder.normal.rgb}"], + "layer0.opacity": 1.0, + "content_margin": [12, 12] + }, + + { + "class": "icon_highlight", + "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], + "layer0.tint": ["{common.accent.rgb}"] + }, + + // Preserve Case + + { + "class": "icon_preserve_case", + "layer0.texture": "ayu/assets/replace-preserve-case.png", + "layer0.tint": ["{ui.folder.normal.rgb}"], + "layer0.opacity": 1.0, + "content_margin": [12, 12] + }, + + { + "class": "icon_preserve_case", + "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], + "layer0.tint": ["{common.accent.rgb}"] + }, + + // Show context + + { + "class": "icon_context", + "layer0.texture": "ayu/assets/context.png", + "layer0.tint": ["{ui.folder.normal.rgb}"], + "layer0.opacity": 1.0, + "content_margin": [12, 12] + }, + + + { + "class": "icon_context", + "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], + "layer0.tint": ["{common.accent.rgb}"] + }, + + // Use buffer + + { + "class": "icon_use_buffer", + "layer0.texture": "ayu/assets/buffer.png", + "layer0.tint": ["{ui.folder.normal.rgb}"], + "layer0.opacity": 1.0, + "content_margin": [12, 12] + }, + + { + "class": "icon_use_buffer", + "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], + "layer0.tint": ["{common.accent.rgb}"] + }, + + // Reverse direction + + { + "class": "icon_reverse", + "layer0.texture": "ayu/assets/reverse.png", + "layer0.tint": ["{ui.folder.normal.rgb}"], + "layer0.opacity": 1.0, + "content_margin": [12, 12] + }, + + { + "class": "icon_reverse", + "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], + "layer0.tint": ["{common.accent.rgb}"] + }, + + + /* Visual settings + ===================================================================== */ + + // UI font sizees + // ============== + { + "class": "tab_label", + "settings": ["ui_font_size_small"], + "font.size": 11 + }, + { + "class": "sidebar_label", + "settings": ["ui_font_size_small"], + "font.size": 11 + }, + { + "class": "label_control", + "settings": ["ui_font_size_small"], + "font.size": 11 + }, + { + "class": "tool_tip_label_control", + "settings": ["ui_font_size_small"], + "font.size": 11 + } +] diff --git a/src/templates/sublime.widget.json b/src/templates/sublime.widget.json new file mode 100644 index 00000000..1cded8ca --- /dev/null +++ b/src/templates/sublime.widget.json @@ -0,0 +1,9 @@ +// prefix="Widget - " +// sublime="" +// ext="sublime-settings" +{ + "color_scheme": "Packages/ayu/widgets/Widget - ayu-"{theme}".stTheme", + "draw_shadows": false, + "font_options": ["subpixel_antialias"], + "line_padding_top": 2 +} diff --git a/src/templates/sublime2.ui.json b/src/templates/sublime2.ui.json new file mode 100644 index 00000000..e4a971ff --- /dev/null +++ b/src/templates/sublime2.ui.json @@ -0,0 +1,1260 @@ +// prefix="" +// sublime="2" +// ext="sublime-theme" +[ + + /* @ EMPTY WINDOW + * Style for empty (no tabs) window + ========================================================================= */ + + { + "class" : "sheet_container_control", + "layer0.tint" : ["{common.bg.rgb}"], + "layer0.opacity" : 1.0 + }, + + + /* @ GRID LAYOUT + * Grid style + ========================================================================= */ + + { + "class": "grid_layout_control", + "border_size": 0, + "border_color": ["{ui.grid_divider.rgb}"] + }, + { + "class": "grid_layout_control", + "settings": ["ui_separator"], + "border_size": 1 + }, + + /* @ DIALOG POPUP + * Dialog popup style and progressbar + ========================================================================= */ + // !!! + { + "class": "progress_gauge_control", + "layer0.tint": ["{common.accent.rgb}"], + "layer0.opacity": 1.0, + "content_margin": [0, 6] + }, + + { + "class": "dialog", + "layer0.tint": ["{common.bg.rgb}"], + "layer0.opacity": 1.0 + }, + + { + "class": "progress_bar_control", + "layer0.tint": ["{common.bg.rgb}"], + "layer0.opacity": 1.0 + }, + + + /* @ CODE FOLDING + * Folding arrow setting and behavioring + ========================================================================= */ + { + "class": "fold_button_control", + "layer0.texture": "ayu/assets/common/unfold.png", + "layer0.opacity": 1.0, + "layer0.inner_margin": 0, + "layer0.tint": ["{ui.fg.rgb}"], + "content_margin": [8, 6, 8, 6] + }, + + { + "class": "fold_button_control", + "attributes": ["hover"], + "layer0.tint": ["{common.accent.rgb}"] + }, + + { + "class": "fold_button_control", + "attributes": ["expanded"], + "layer0.texture": "ayu/assets/common/fold.png" + }, + + + /* @ AUTOCOMPLETE + * Autocomplete popup setting and behavioring + ========================================================================= */ + + { + "class": "popup_control", + "layer0.tint": ["{ui.panel.bg.rgb}"], + "layer0.opacity": 1.0, + "content_margin": [0, 0] + }, + + { + "class": "auto_complete", + "row_padding": [12, 6], + "layer0.tint": ["{ui.panel.bg.rgb}"], + "layer0.opacity": 1.0 + }, + + { + "class": "auto_complete_label", + "fg": ["{ui.fg.rgb}"], + "match_fg": ["{common.accent.rgb}"], + "selected_fg": ["{common.fg.rgb}"], + "selected_match_fg": ["{common.accent.rgb}"] + }, + + { + "class": "table_row", + "layer0.tint": ["{ui.panel.row_bg.rgb}"], + "layer0.opacity": 0.0 + }, + + { + "class": "table_row", + "attributes": ["selected"], + "layer0.opacity": 1.0 + }, + + + /* @ TOOLTIP + * Tooltip setting and behavioring + ========================================================================= */ + + { + "class": "tool_tip_control", + "layer0.tint": ["{common.bg.rgb}"], + "layer0.inner_margin": [0, 0], + "layer0.opacity": 1.0, + "content_margin": [10, 6] + }, + + { + "class": "tool_tip_label_control", + "color": ["{ui.fg.rgb}"], + "font.face": "Roboto mono", + "font.size": 12 + }, + + + /* @OVERLAY PANELS + * Overlay panels setting and behavioring + ========================================================================= */ + + // Command Panel + { + "class": "overlay_control", + "layer0.texture": "ayu/assets/common/overlay-shadow.png", + "layer0.inner_margin": [25, 45, 25, 35], + "layer0.opacity": 1.0, + "layer0.tint": ["{ui.panel.shadow.rgb}"], + + "layer1.texture": "ayu/assets/common/overlay-bg.png", + "layer1.inner_margin": [25, 45, 25, 35], + "layer1.opacity": 1.0, + "layer1.tint": ["{ui.panel.bg.rgb}"], + + "content_margin": [20, 45, 20, 35] + }, + + // Command Panel list item style (cmd + shift + p) + + { + "class": "mini_quick_panel_row", + "layer0.tint": ["{common.bg.rgb}", 0], + "layer0.inner_margin": [2, 2, 2, 2], + "layer0.opacity": 1.0 + }, + + // Command Panel selected list item style (cmd + p) + + { + "class": "mini_quick_panel_row", + "attributes": ["selected"], + "layer0.tint": ["{ui.panel.row_bg.rgb}"] + }, + + // Quick panel project setting (project manager) (cmd + ctrl + p) + + { + "class": "quick_panel", + "row_padding": [32, 12], + "layer0.tint": ["{ui.panel.bg.rgb}"], + "layer0.opacity": 1.0 + }, + + // Quick Panel row default style (project manager) + + { + "class": "quick_panel_row", + "layer0.texture": "", + "layer0.tint": ["{ui.panel.bg.rgb}"], + "layer0.inner_margin": 0, + "layer0.opacity": 1.0 + }, + + // Row panel style inside comman panel (cmd + shift + p) + + { + "class": "quick_panel_row", + "parents": [{"class": "overlay_control"}], + "layer0.tint": ["{ui.panel.bg.rgb}"], + "layer0.opacity": 1.0 + }, + + // Quick panel (project) style inside overlay_control (cmd + shift + p) + + { + "class": "quick_panel", + "parents": [{"class": "overlay_control"}], + "row_padding": [10, 7], + "layer0.tint": ["{ui.panel.bg.rgb}"], + "layer0.opacity": 1.0 + }, + + // Quick Panel selected list item style + + { + "class": "quick_panel_row", + "attributes": ["selected"], + "layer0.tint": ["{ui.panel.row_bg.rgb}"] + }, + + // Panel labels + + { + "class": "quick_panel_label", + "fg": ["{ui.fg.rgb}"], + "match_fg": ["{common.accent.rgb}"], + "selected_fg": ["{common.fg.rgb}"], + "selected_match_fg": ["{common.accent.rgb}"] + }, + + // Panel labels + + { + "class": "quick_panel_label", + "parents": [{"class": "overlay_control"}], + "fg": ["{ui.fg.rgb}"], + "match_fg": ["{common.accent.rgb}"], + "selected_fg": ["{common.fg.rgb}"], + "selected_match_fg": ["{common.accent.rgb}"] + }, + + // Panels sublabels + + { + "class": "quick_panel_path_label", + "fg": ["{ui.panel.path_fg.rgb}"], + "match_fg": ["{common.fg.rgb}"], + "selected_fg": ["{ui.fg.rgb}"], + "selected_match_fg": ["{common.fg.rgb}"] + }, + + // Panels data / score + + { + "class": "quick_panel_score_label", + "fg": ["{ui.fg.rgb}"], + "selected_fg": ["{ui.fg.rgb}"] + }, + + + + /* @ TABS + * Tabs settings and behavioring + ========================================================================= */ + + { + "class": "tabset_control", + "tab_overlap": 0, + "tab_width": 50, + "tab_min_width": 50, + "tab_height": 30, + "mouse_wheel_switch": false, + + "layer0.opacity": 1.0, + "layer0.tint": ["{common.bg.rgb}"], + "content_margin": [10, 0] + }, + { + "class": "tabset_control", + "settings": ["mouse_wheel_switches_tabs", "!enable_tab_scrolling"], + "mouse_wheel_switch": true + }, + { + "class": "tabset_control", + "settings": ["ui_separator"], + "content_margin": [0, 0, 0, 0], + "layer1.opacity": "{ui.opacity}", + "layer1.texture": "ayu/assets/common/separator-bottom.png", + "layer1.tint": ["{ui.fg.rgb}"], + "layer1.inner_margin": [1, 0, 1, 1] + }, + { + "class": "tabset_control", + "settings": ["ui_big_tabs"], + "tab_height": 44 + }, + + // Tabs + { + "class": "tab_control", + + "layer0.tint": ["{common.bg.rgb}"], + "layer0.opacity": 1.0, + + "layer1.texture": "", + + "layer2.texture": "ayu/assets/common/separator-bottom.png", + "layer2.tint": ["{common.accent.rgb}"], + "layer2.inner_margin": [1, 0, 1, 2], + "layer2.opacity": 0.0, + + "layer3.texture": "", + + "content_margin": [10, -2, 10, 0], + "max_margin_trim": 12 + }, + { + "class": "tab_control", + "settings": ["ui_separator"], + + "layer1.texture": "ayu/assets/common/separator-right.png", + "layer1.tint": ["{ui.fg.rgb}"], + "layer1.inner_margin": [0, 1, 2, 1], + "layer1.opacity": "{ui.opacity}", + + "layer3.texture": "ayu/assets/common/separator-bottom.png", + "layer3.tint": ["{ui.fg.rgb}"], + "layer3.inner_margin": [1, 0, 1, 2], + "layer3.opacity": "{ui.opacity}" + }, + { + "class": "tab_control", + "settings": ["ui_big_tabs"], + "content_margin": [15, -2, 15, 0] + }, + + // Selected current tab + + { + "class": "tab_control", "attributes": ["selected"], + "layer2.opacity": 1.0, + "layer3.opacity": 0.0 + }, + + // Hovered current tab + + { + "class": "tab_control", "attributes": ["hover"], + "layer2.opacity": 0.3 + }, + + // Selected current tab + + { + "class": "tab_control", "attributes": ["selected","hover"], + "layer2.opacity": 1.0 + }, + + // Tab Labels + + { + "class": "tab_label", + "fg": ["{common.bg.rgb}", 0], + "shadow_color": ["{ui.fg.rgb}"], + "shadow_offset": [0, -1], + "font.size": 12, + "font.italic": false, + "font.bold": false, + "font.face": "Roboto mono" + }, + { + "class": "tab_label", + "fg": ["{ui.fg.rgb}"], + "settings": ["ui_fix_tab_labels"], + "shadow_color": ["{common.bg.rgb}", 0], + "shadow_offset": [0, 0] + }, + + // Tab selected label color + + { + "class": "tab_label", + "parents": [{"class": "tab_control", "attributes": ["selected"]}], + "fg": ["{common.bg.rgb}", 0], + "shadow_color": ["{common.fg.rgb}"], + "shadow_offset": [0, -1], + }, + { + "class": "tab_label", + "settings": ["ui_fix_tab_labels"], + "parents": [{"class": "tab_control", "attributes": ["selected"]}], + "fg": ["{common.fg.rgb}"], + "shadow_color": ["{common.bg.rgb}", 0], + "shadow_offset": [0, 0] + }, + + { + "class": "tab_label", + "attributes": ["transient"], + "font.italic": true + }, + + // Tab Close Buttons + { + "class": "tab_close_button", + "content_margin": [0, 0], + + // Close Icon + "layer0.texture": "ayu/assets/common/close.png", + "layer0.tint": ["{ui.fg.rgb}"], + "layer0.opacity": 1.0, + + // Dirty Icon + "layer1.texture": "ayu/assets/common/dirty.png", + "layer1.tint": ["{ui.fg.rgb}"], + "layer1.opacity": 0 + }, + + // Default + { + "class": "tab_close_button", + "settings": ["show_tab_close_buttons"], + "content_margin": [8, 8] + }, + + // Default hover + { + "class": "tab_close_button", + "settings": ["show_tab_close_buttons"], + "attributes": ["hover"], + "layer0.tint": ["{common.accent.rgb}"] + }, + + // Dirty tab + { + "class": "tab_close_button", + "parents": [{"class": "tab_control", "attributes": ["dirty"]}], + "layer0.opacity": 0, // Close Icon + "layer1.opacity": 1.0, // dirty Icon + "content_margin": [8, 8] + }, + + // Dirty tab on hover + { + "class": "tab_close_button", + "parents": [{"class": "tab_control", "attributes": ["dirty"]}], + "attributes": ["hover"], + "layer0.opacity": 1.0, // Close Icon + "layer1.opacity": 0 // Close Icon + }, + + // Selected dirty tab + { + "class": "tab_close_button", + "parents": [{"class": "tab_control", "attributes": ["selected", "dirty"]}], + "layer0.opacity": 0, // Close Icon + "layer1.opacity": 1.0, // Dirty Icon + "layer1.tint": ["{common.accent.rgb}"] + }, + + // Selected dirty tab on hover + { + "class": "tab_close_button", + "parents": [{"class": "tab_control", "attributes": ["selected", "dirty"]}], + "attributes": ["hover"], + "layer0.opacity": 1.0, + "layer1.opacity": 0 + }, + // tab set scroll left | scroll right + { + "class": "scroll_tabs_left_button", + "content_margin": [12, 15], + "layer0.texture": "ayu/assets/common/arrow-left.png", + "layer0.tint": ["{ui.folder.normal.rgb}"], + "layer0.opacity": 1.0 + }, + + { + "class": "scroll_tabs_left_button", + "attributes": ["hover"], + "layer0.tint": ["{common.accent.rgb}"] + }, + + { + "class": "scroll_tabs_right_button", + "content_margin": [12, 15], + "layer0.texture": "ayu/assets/common/arrow-right.png", + "layer0.tint": ["{ui.folder.normal.rgb}"], + "layer0.opacity": 1.0 + }, + { + "class": "scroll_tabs_right_button", + "settings": ["ui_separator"], + "layer2.texture": "ayu/assets/common/separator-right.png", + "layer2.tint": ["{ui.fg.rgb}"], + "layer2.opacity": "{ui.opacity}", + "layer2.inner_margin" : [0, 1, 2, 1] + }, + + { + "class": "scroll_tabs_right_button", + "attributes": ["hover"], + "layer0.tint": ["{common.accent.rgb}"] + }, + + { + "class": "show_tabs_dropdown_button", + "content_margin": [12, 12], + "layer0.texture": "ayu/assets/common/overflow-menu.png", + "layer0.tint": ["{ui.folder.normal.rgb}"], + "layer0.opacity": 1.0, + "layer0.inner_margin": [0, 0] + }, + + { + "class": "show_tabs_dropdown_button", + "attributes": ["hover"], + "layer0.tint": ["{common.accent.rgb}"] + }, + + + /* @ SIDEBAR + * Sidebar panel settings and behavioring + ========================================================================= */ + + { + "class": "sidebar_container", + "content_margin": [0, 5, 0, 0], + "layer0.opacity": 1, + "layer0.tint": ["{common.bg.rgb}"] + }, + { + "class": "sidebar_container", + "settings": ["ui_separator"], + "layer1.texture": "ayu/assets/common/separator-right.png", + "layer1.tint": ["{ui.fg.rgb}"], + "layer1.inner_margin": [0, 1, 2, 1], + "layer1.opacity": "{ui.opacity}" + }, + + { + "class": "sidebar_tree", + "row_padding": [30, 6], + "indent": 12, + "indent_offset": 0, + "indent_top_level": false, + "dark_content": true + }, + + { + "class": "sidebar_heading", + "color": ["{ui.fg.rgb}", 150], + "font.face": "Roboto mono", + "font.bold": true, + "font.size": 11 + }, + + { + "class": "tree_row", + "layer1.texture": "ayu/assets/common/tree-highlight.png", + "layer1.opacity": { "target": 0.0, "speed": 5.0, "interpolation": "smoothstep" }, + "layer1.tint": ["{common.accent.rgb}"], + "layer1.inner_margin": [5, 0, 0, 0] + }, + + { + "class": "tree_row", + "attributes": ["selected"], + "layer1.opacity": { "target": 1.0, "speed": 5.0, "interpolation": "smoothstep" } + }, + + { + "class": "sidebar_label", + "color": ["{ui.fg.rgb}"], + "shadow_color": [0, 0, 0], + "shadow_offset": [0, 0], + "font.face": "Roboto mono", + "font.size": 12 + }, + + { + "class": "sidebar_label", + "parents": [{"class": "tree_row","attributes": ["hover"]}], + "color": ["{common.fg.rgb}"] + }, + + { + "class": "sidebar_label", + "parents": [{"class": "tree_row","attributes": ["selected"]}], + "color": ["{common.fg.rgb}"], + "shadow_color": [0, 0, 0], + "shadow_offset": [0, 0] + }, + + { + "class": "sidebar_label", + "parents": [{"class": "tree_row","attributes": ["expandable"]}], + "color": ["{ui.fg.rgb}"], + "font.bold": false + }, + + { + "class": "sidebar_label", + "parents": [{"class": "tree_row", "attributes": ["expandable"]}], + "settings": ["bold_folder_labels"], + "font.bold": true + }, + + { + "class": "sidebar_label", + "parents": [{"class": "tree_row", "attributes": ["expandable", "hover"]}], + "color": ["{common.fg.rgb}"] + }, + + { + "class": "sidebar_label", + "parents": [{"class": "tree_row", "attributes": ["expanded"]}], + "color": ["{common.fg.rgb}"] + }, + + { + "class": "sidebar_label", + "parents": [{"class": "tree_row", "attributes": ["expanded"]}], + "settings": ["bold_folder_labels"], + "font.bold": true + }, + + // { + // "class": "sidebar_label", + // "parents": [{"class": "tree_row", "attributes": ["expanded", "selected"]}], + // "color": ["{common.fg.rgb}"] + // }, + + { + "class": "sidebar_label", + "attributes": ["transient"], + "font.italic": false + }, + + // Hidden arrow icon before folder + + { + "class": "disclosure_button_control", + "layer0.texture": "ayu/assets/"{theme}"/arrow_right.png", + "layer0.opacity": 1.0, + "layer0.inner_margin": 0, + "layer1.texture": "ayu/assets/"{theme}"/arrow_right--hover.png", + "layer1.opacity": 0.0, + "layer1.inner_margin": 0, + "content_margin": [12, 15] + }, + + { + "class": "disclosure_button_control", + "parents": [{ "class": "tree_row", "attributes": ["hover"]}], + "layer0.opacity": 0.0, + "layer1.opacity": 1.0 + }, + + { + "class": "disclosure_button_control", + "attributes": ["expanded"], + "layer0.texture": "ayu/assets/"{theme}"/overflow_menu--hover.png", + "content_margin": [12, 12] + }, + + { + "class": "disclosure_button_control", + "attributes": ["expanded"], + "parents": [{ "class": "tree_row", "attributes": ["hover"]}], + "layer1.texture": "ayu/assets/"{theme}"/overflow_menu--hover.png", + "layer0.opacity": 0.0, + "layer1.opacity": 1.0, + "content_margin": [12, 12] + }, + + // Opened files + { + "class": "close_button", + "content_margin": [8, 8], + + // Default Close icon + "layer0.texture": "ayu/assets/"{theme}"/close.png", + "layer0.opacity": { "target": 0.0, "speed": 7.0, "interpolation": "smoothstep" }, + "layer0.inner_margin": [0, 0], + + // Hover close icon + "layer1.texture": "ayu/assets/"{theme}"/close--hover.png", + "layer1.opacity": 0, + "layer1.inner_margin": [0, 0] + }, + + + // Opened file hover + + { + "class": "close_button", + "parents": [{ "class": "tree_row", "attributes": ["hover"] }], + // Default Close icon + "layer0.texture": "ayu/assets/"{theme}"/close.png", + "layer0.opacity": { "target": 1.0, "speed": 7.0, "interpolation": "smoothstep" }, + "layer0.inner_margin": [0, 0] + }, + + { + "class": "close_button", + "attributes": ["dirty"], + "layer0.texture": "ayu/assets/"{theme}"/dirty--hover.png", + "layer0.opacity": 1.0 + }, + + { + "class": "close_button", + "attributes": ["hover"], + "layer0.opacity": 0, + "layer1.opacity": 1.0 + }, + + + /* @ SCROLLBARS + * Scrollbars settings and behavioring + ========================================================================= */ + + // Normal Vertical scrollbar track + // !!! + { + "class": "scroll_bar_control", + "layer0.tint" : ["{common.bg.rgb}"], + "layer0.opacity": 1, + "layer0.inner_margin": [0, 0], + "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], + "blur": false + }, + + // Normal horizontal scrollbar track + + { + "class": "scroll_bar_control", + "attributes": ["horizontal"], + "layer0.texture": "", + "layer0.tint" : ["{common.bg.rgb}"], + "layer0.inner_margin": [0, 0], + "blur": false + }, + + // Normal horizontal scrollbar track inside overlay panel + // !!! + // { + // "class": "scroll_bar_control", + // "attributes": ["horizontal"], + // "parents": [{"class": "overlay_control"}], + // "layer0.tint": ["{common.bg.rgb}", 0], + // "layer0.opacity": 0.0, + // "layer0.inner_margin": [0, 2], + // "blur": false + // }, + + // Scrollbars corner + + { + "class": "scroll_corner_control", + "layer0.texture": "", + "layer0.tint":["{common.bg.rgb}"], + "layer0.inner_margin": [0, 0], + "layer0.opacity": 1, + "blur": false + }, + + // Vertical puck controller + + { + "class": "puck_control", + "layer0.texture": "", + "layer0.tint": ["{ui.scrollbar.puck.rgb}", 50], + "layer0.opacity": 1, + "layer0.inner_margin": [0, 0], + "content_margin": [1, 12], + "blur": false + }, + + // Horizontal puck controller + + { + "class": "puck_control", + "attributes": ["horizontal"], + "layer0.texture": "", + "layer0.tint": ["{ui.scrollbar.puck.rgb}", 50], + "layer0.inner_margin": [0, 0], + "content_margin": [12, 1], + "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 + }, + + + { + "class": "scroll_area_control", + "parents": [{"class": "overlay_control"}], + "settings": ["overlay_scroll_bars"], + "overlay": true // set to false for the original behavior + }, + + { + "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"], + "layer0.tint": [28, 31, 38], + "layer0.inner_margin": [0, 5], + "blur": false + }, + + { + "class": "scroll_bar_control", + "settings": ["overlay_scroll_bars"], + "attributes": ["horizontal"], + "layer0.inner_margin": [5, 0], + "blur": true + }, + + + /* @ MINIMAP + * Minimap settings and behavioring + ========================================================================= */ + + { + "class": "minimap_control", + "settings": ["always_show_minimap_viewport"], + "viewport_color": ["{ui.minimap}"] + }, + + { + "class": "minimap_control", + "settings": ["!always_show_minimap_viewport"], + "viewport_color": ["{ui.minimap}", 20] + }, + + + /* @ STATUS BAR + * Status bar settings and behavioring + ========================================================================= */ + + // All labels + + { + "class": "label_control", + "color": ["{ui.fg.rgb}"], + "shadow_color": [0, 0, 0, 0], + "shadow_offset": [0, 0], + "font.bold": false, + "font.face": "Roboto mono", + "font.size": 12 + }, + + // Status bar labels + + { + "class": "label_control", + "parents": [{"class": "status_bar"}], + "color": ["{ui.fg.rgb}"], + "font.bold": false + }, + + // Text field labels + + { + "class": "status_bar", + "layer0.texture": "", + "layer0.tint": ["{common.bg.rgb}"], + "layer0.opacity": 1, + "layer1.texture": "ayu/assets/"{theme}"/separator_top.png", + "layer1.inner_margin": [1, 2, 1, 0], + "content_margin": [10, 5] + }, + { + "class": "status_bar", + "settings": ["ui_separator"], + "layer0.tint": ["{ui.panel.bg.rgb}"] + // "layer1.opacity": 0.2 + }, + + { + "class": "status_container", + "content_margin": [0, 5] + }, + + { + "class": "status_button", + "min_size": [100, 0] + }, + + + /* @ WIDGET PANEL + * Widget, input, buttons settings and behavioring + ========================================================================= */ + + + // Status bar panel + { + "class": "panel_control", + "layer0.tint": ["{common.bg.rgb}"], + "layer0.opacity": 1.0, + "content_margin": [0, 5] + }, + { + "class": "panel_control", + "settings": ["ui_separator"], + "layer0.tint": ["{ui.panel.bg.rgb}"], + "layer1.texture": "ayu/assets/"{theme}"/separator_top.png", + "layer1.inner_margin": [1, 2, 1, 0], + "layer1.opacity": "{ui.opacity}" + }, + + // Status bar panel close icon + + { + "class": "panel_close_button", + "layer0.texture": "ayu/assets/"{theme}"/close.png", + "layer0.opacity": 0.6, + "layer1.texture": "ayu/assets/"{theme}"/close--hover.png", + "layer1.opacity": 0.0, + "content_margin": [0, 0] // 8,8 to show + }, + // !!! + { + "class": "panel_close_button", + "attributes": ["hover"], + "layer0.opacity": 0.0, + "layer1.opacity": 1.0 + }, + + // Texline input + + { + "class": "text_line_control", + "layer0.texture": "ayu/assets/"{theme}"/input_bg.png", + "layer0.opacity": 1, + "layer0.inner_margin": [10, 8], + "layer1.texture": "ayu/assets/"{theme}"/input_border.png", + "layer1.opacity": "{ui.opacity}", + "layer1.inner_margin": [10, 8], + "content_margin": [10, 7, 10, 5] + }, + + + // Textline input inside overlay panels + + { + "class": "text_line_control", + "parents": [{"class": "overlay_control"}], + "layer0.texture": "", + "layer0.opacity": 0, + "layer1.texture": "ayu/assets/"{theme}"/input_search.png", + "layer1.opacity": 1, + "layer1.inner_margin": [35, 0, 0, 0], + "content_margin": [43, 7, 10, 4] + }, + + // Textline input oveflow menu + { + "class": "dropdown_button_control", + "content_margin": [12, 12], + "layer0.texture": "ayu/assets/"{theme}"/overflow_menu.png", + "layer0.opacity": 1.0, + "layer0.inner_margin": [0, 0], + "layer1.texture": "ayu/assets/"{theme}"/overflow_menu--hover.png", + "layer1.opacity": 0.0, + "layer1.inner_margin": [0, 0] + }, + { + "class": "dropdown_button_control", + "attributes": ["hover"], + "layer1.opacity": 1.0 + }, + + + /* @ BUTTONS + * Buttons panels settings and behavioring + ========================================================================= */ + + + // Button labels + + { + "class": "button_control", + "content_margin": [15, 9, 15, 10], + "min_size": [60, 0], + "layer0.tint": ["{common.accent.rgb}", 10], + "layer0.texture": "ayu/assets/"{theme}"/input_bg.png", + "layer0.inner_margin": [10, 8], + "layer0.opacity": 0 + }, + { + "class": "button_control", + "attributes": ["hover"], + "layer0.opacity": 1 + }, + + { + "class": "label_control", + "parents": [{"class": "button_control"}], + "color": ["{ui.fg.rgb}"] + }, + + { + "class": "label_control", + "parents": [{"class": "button_control", "attributes": ["hover"]}], + "color": ["{common.accent.rgb}"] + }, + + // !!! + // Small Icon Buttons + { + "class": "icon_button_control", + "layer0.tint": [0, 0, 0], + "layer0.opacity": 0, + "layer2.tint": ["{common.fg.rgb}"], + "layer2.opacity": { "target": 0.0, "speed": 10.0, "interpolation": "smoothstep" }, + "content_margin": [10, 5] + }, + + + /* Buttons icons settings + ===================================================================== */ + + // Regex Icon + { + "class": "icon_regex", + "layer0.texture": "ayu/assets/"{theme}"/regex--hover.png", + "layer0.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" }, + "layer1.texture": "ayu/assets/"{theme}"/regex.png", + "layer1.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, + "content_margin": [12, 12] + }, + + { + "class": "icon_regex", + "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], + "layer0.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, + "layer1.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" } + }, + + // Preserve case sensitive + + { + "class": "icon_case", + "layer0.texture": "ayu/assets/"{theme}"/matchcase--hover.png", + "layer0.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" }, + "layer1.texture": "ayu/assets/"{theme}"/matchcase.png", + "layer1.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, + "content_margin": [12, 12] + }, + + { + "class": "icon_case", + "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], + "layer0.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, + "layer1.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" } + }, + + // Wholeword + + { + "class": "icon_whole_word", + "layer0.texture": "ayu/assets/"{theme}"/word--hover.png", + "layer0.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" }, + "layer1.texture": "ayu/assets/"{theme}"/word.png", + "layer1.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, + "content_margin": [12, 12] + }, + + + { + "class": "icon_whole_word", + "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], + "layer0.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, + "layer1.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" } + }, + + // Wrap + + { + "class": "icon_wrap", + "layer0.texture": "ayu/assets/"{theme}"/wrap--hover.png", + "layer0.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" }, + "layer1.texture": "ayu/assets/"{theme}"/wrap.png", + "layer1.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, + "content_margin": [12, 12] + }, + + { + "class": "icon_wrap", + "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], + "layer0.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, + "layer1.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" } + }, + + // In selection + + { + "class": "icon_in_selection", + "layer0.texture": "ayu/assets/"{theme}"/inselection--hover.png", + "layer0.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" }, + "layer1.texture": "ayu/assets/"{theme}"/inselection.png", + "layer1.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, + "content_margin": [12, 12] + }, + + { + "class": "icon_in_selection", + "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], + "layer0.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, + "layer1.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" } + }, + + // Highlight Result + + { + "class": "icon_highlight", + "layer0.texture": "ayu/assets/"{theme}"/highlight--hover.png", + "layer0.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" }, + "layer1.texture": "ayu/assets/"{theme}"/highlight.png", + "layer1.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, + "content_margin": [12, 12] + }, + + { + "class": "icon_highlight", + "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], + "layer0.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, + "layer1.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" } + }, + + // Preserve Case + + { + "class": "icon_preserve_case", + "layer0.texture": "ayu/assets/"{theme}"/replace_preserve_case--hover.png", + "layer0.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" }, + "layer1.texture": "ayu/assets/"{theme}"/replace_preserve_case.png", + "layer1.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, + "content_margin": [12, 12] + }, + + { + "class": "icon_preserve_case", + "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], + "layer0.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, + "layer1.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" } + }, + + // Show context + + { + "class": "icon_context", + "layer0.texture": "ayu/assets/"{theme}"/context--hover.png", + "layer0.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" }, + "layer1.texture": "ayu/assets/"{theme}"/context.png", + "layer1.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, + "content_margin": [12, 12] + }, + + + { + "class": "icon_context", + "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], + "layer0.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, + "layer1.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" } + }, + + // Use buffer + + { + "class": "icon_use_buffer", + "layer0.texture": "ayu/assets/"{theme}"/buffer--hover.png", + "layer0.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" }, + "layer1.texture": "ayu/assets/"{theme}"/buffer.png", + "layer1.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, + "content_margin": [12, 12] + }, + + { + "class": "icon_use_buffer", + "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], + "layer0.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, + "layer1.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" } + }, + + // Reverse direction + + { + "class": "icon_reverse", + "layer0.texture": "ayu/assets/"{theme}"/reverse--hover.png", + "layer0.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" }, + "layer1.texture": "ayu/assets/"{theme}"/reverse.png", + "layer1.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, + "content_margin": [12, 12] + }, + + { + "class": "icon_reverse", + "parents": [{"class": "icon_button_control", "attributes": ["selected"]}], + "layer0.opacity": { "target": 1.0, "speed": 6.0, "interpolation": "smoothstep" }, + "layer1.opacity": { "target": 0.0, "speed": 6.0, "interpolation": "smoothstep" } + }, + + + /* Visual settings + ===================================================================== */ + + // UI font sizees + // ============== + { + "class": "tab_label", + "settings": ["ui_font_size_small"], + "font.size": 11 + }, + { + "class": "sidebar_label", + "settings": ["ui_font_size_small"], + "font.size": 11 + }, + { + "class": "label_control", + "settings": ["ui_font_size_small"], + "font.size": 11 + }, + { + "class": "tool_tip_label_control", + "settings": ["ui_font_size_small"], + "font.size": 11 + } +] diff --git a/src/templates/sublime2.widget.json b/src/templates/sublime2.widget.json new file mode 100644 index 00000000..2cf9cfd3 --- /dev/null +++ b/src/templates/sublime2.widget.json @@ -0,0 +1,9 @@ +// prefix="Widget - " +// sublime="2" +// ext="sublime-settings" +{ + "color_scheme": "Packages/ayu/widgets/Widget - ayu-"{theme}".stTheme", + "draw_shadows": false, + "font_options": ["subpixel_antialias"], + "line_padding_top": 3 +} diff --git a/src/templates/widget.xml b/src/templates/widget.xml new file mode 100644 index 00000000..435b8967 --- /dev/null +++ b/src/templates/widget.xml @@ -0,0 +1,98 @@ + + + + + + + + author + Ike Ku + colorSpaceName + sRGB + name + ayu + semanticClass + ayu."{theme}" + settings + + + settings + + background + #"{ui.panel.bg.hex}" + caret + #"{common.accent.hex}" + foreground + #"{common.fg.hex}" + inactiveSelection + #"{syntax.in_selection.hex}" + invisibles + #343434 + lineHighlight + #"{syntax.line_hg.hex}" + selection + #"{syntax.selection.hex}" + selectionBorder + #"{syntax.selection.hex}" + + + + name + Comments + scope + comment + settings + + fontStyle + italic + foreground + #"{syntax.comment.hex}" + + + + name + Keyword + scope + keyword, storage + settings + + foreground + #"{syntax.keyword.hex}" + + + + name + Constant + scope + constant + settings + + foreground + #"{syntax.constant.hex}" + + + + name + String + scope + string + settings + + foreground + #"{syntax.string.hex}" + + + + name + Escape + scope + constant.character.escape + settings + + foreground + #"{syntax.regexp.hex}" + + + + + diff --git a/src/themes/dark.yml b/src/themes/dark.yml new file mode 100644 index 00000000..fad9faed --- /dev/null +++ b/src/themes/dark.yml @@ -0,0 +1,44 @@ +theme: dark + +common: + bg: 0F1419 + fg: E6E1CF + accent: F29718 + +ui: + fg: '3E4B59' + panel: + bg: 14191F + shadow: '000000' + path_fg: 42505E + row_bg: 191F26 + + folder: + normal: '3E4B59' + + scrollbar: + puck: 'FFFFFF' + + grid_divider: '1D242C' # {fg} at {opacity} + minimap: '100, 100, 100' + opacity: '0.3' + +syntax: + active_guide: '314559' + error: FF3333 + gutterFg: 2D3640 + in_selection: 1E2A35 + line_hg: 151A1F + selection: '253340' + stack_guide: 1A2633 + + tag: 36A3D9 + func: FFB454 + regexp: 95E6CB + string: B8CC52 + sup_var: F07178 + keyword: FF7733 + es_spec: E6B673 + comment: 5C6773 + constant: FFEE99 + operator: E7C547 diff --git a/src/themes/light.yml b/src/themes/light.yml new file mode 100644 index 00000000..ce5a1c2d --- /dev/null +++ b/src/themes/light.yml @@ -0,0 +1,44 @@ +theme: light + +common: + fg: 5C6773 + bg: FAFAFA + accent: FF6A00 + +ui: + fg: '828C99' + panel: + bg: FFFFFF + shadow: 'A0A0A0' + path_fg: B0BEC5 + row_bg: F5F5F5 + + folder: + normal: '828C99' + + scrollbar: + puck: '000000' + + grid_divider: 'E2E4E7' # {fg} at {opacity} + minimap: '130, 140, 153' + opacity: '0.2' + +syntax: + error: FF3333 + line_hg: F2F2F2 + gutterFg: D9D8D7 + selection: F0EEE4 + stack_guide: DEDDDC + in_selection: F2F2EB + active_guide: B3B2B1 + + tag: 41A6D9 + func: F29718 + regexp: 4DBF99 + string: 86B300 + comment: ABB0B6 + sup_var: F07178 + es_spec: CCA37A + keyword: F2590C + operator: E7C547 + constant: A37ACC diff --git a/src/themes/mirage.yml b/src/themes/mirage.yml new file mode 100644 index 00000000..fb26f158 --- /dev/null +++ b/src/themes/mirage.yml @@ -0,0 +1,44 @@ +theme: mirage + +common: + bg: '212733' + fg: D9D7CE + accent: FFCC66 + +ui: + fg: '607080' + panel: + bg: 272D38 + shadow: '11141A' + path_fg: '607080' + row_bg: '303540' + + folder: + normal: '3E4B59' + + scrollbar: + puck: 'FFFFFF' + + opacity: '0.3' + grid_divider: '343D4A' # {fg} at {opacity} + minimap: '100, 100, 100' + +syntax: + error: FF3333 + gutterFg: 3D4752 + line_hg: '242B38' + selection: '343F4D' + stack_guide: '39434D' + in_selection: 2D3640 + active_guide: '606F80' + + tag: 5CCFE6 + func: FFD580 + string: BAE67E + regexp: 95E6CB + sup_var: F07178 + keyword: FFAE57 + es_spec: FFC44C + comment: 5C6773 + constant: D4BFFF + operator: 80D4FF diff --git a/widgets/Widget - ayu-dark.stTheme b/widgets/Widget - ayu-dark.stTheme new file mode 100644 index 00000000..5e3f0eab --- /dev/null +++ b/widgets/Widget - ayu-dark.stTheme @@ -0,0 +1,98 @@ + + + + + + + + author + Ike Ku + colorSpaceName + sRGB + name + ayu + semanticClass + ayu.dark + settings + + + settings + + background + #14191F + caret + #F29718 + foreground + #E6E1CF + inactiveSelection + #1E2A35 + invisibles + #343434 + lineHighlight + #151A1F + selection + #253340 + selectionBorder + #253340 + + + + name + Comments + scope + comment + settings + + fontStyle + italic + foreground + #5C6773 + + + + name + Keyword + scope + keyword, storage + settings + + foreground + #FF7733 + + + + name + Constant + scope + constant + settings + + foreground + #FFEE99 + + + + name + String + scope + string + settings + + foreground + #B8CC52 + + + + name + Escape + scope + constant.character.escape + settings + + foreground + #95E6CB + + + + + diff --git a/widgets/Widget - ayu-dark.sublime-settings b/widgets/Widget - ayu-dark.sublime-settings new file mode 100644 index 00000000..6a5ff4d6 --- /dev/null +++ b/widgets/Widget - ayu-dark.sublime-settings @@ -0,0 +1,9 @@ +// prefix="Widget - " +// sublime="" +// ext="sublime-settings" +{ + "color_scheme": "Packages/ayu/widgets/Widget - ayu-dark.stTheme", + "draw_shadows": false, + "font_options": ["subpixel_antialias"], + "line_padding_top": 2 +} diff --git a/widgets/Widget - ayu-dark2.sublime-settings b/widgets/Widget - ayu-dark2.sublime-settings new file mode 100644 index 00000000..da93807a --- /dev/null +++ b/widgets/Widget - ayu-dark2.sublime-settings @@ -0,0 +1,9 @@ +// prefix="Widget - " +// sublime="2" +// ext="sublime-settings" +{ + "color_scheme": "Packages/ayu/widgets/Widget - ayu-dark.stTheme", + "draw_shadows": false, + "font_options": ["subpixel_antialias"], + "line_padding_top": 3 +} diff --git a/widgets/Widget - ayu-light.stTheme b/widgets/Widget - ayu-light.stTheme index 95523f09..79e7268f 100644 --- a/widgets/Widget - ayu-light.stTheme +++ b/widgets/Widget - ayu-light.stTheme @@ -1,95 +1,98 @@ + + + - author - Ike Ku - colorSpaceName - sRGB - name - ayu - semanticClass - ayu.light - settings - - - settings - - background - #FFFFFF - caret - #FF6A00 - foreground - #5C6773 - inactiveSelection - #F2F2EB - invisibles - #343434 - lineHighlight - #F2F2F2 - selection - #F0EEE4 - selectionBorder - #F0EEE4 - - - - name - Comments - scope - comment - settings - - fontStyle - italic - foreground - #ABB0B6 - - - - name - Keyword - scope - keyword, storage - settings - - foreground - #F2590C - - - - name - Constant - scope - constant - settings - - foreground - #A37ACC - - - - name - String - scope - string - settings - - foreground - #86B300 - - - - name - Escape - scope - constant.character.escape - settings - - foreground - #4DBF99 - - - + author + Ike Ku + colorSpaceName + sRGB + name + ayu + semanticClass + ayu.light + settings + + + settings + + background + #FFFFFF + caret + #FF6A00 + foreground + #5C6773 + inactiveSelection + #F2F2EB + invisibles + #343434 + lineHighlight + #F2F2F2 + selection + #F0EEE4 + selectionBorder + #F0EEE4 + + + + name + Comments + scope + comment + settings + + fontStyle + italic + foreground + #ABB0B6 + + + + name + Keyword + scope + keyword, storage + settings + + foreground + #F2590C + + + + name + Constant + scope + constant + settings + + foreground + #A37ACC + + + + name + String + scope + string + settings + + foreground + #86B300 + + + + name + Escape + scope + constant.character.escape + settings + + foreground + #4DBF99 + + + diff --git a/widgets/Widget - ayu-light.sublime-settings b/widgets/Widget - ayu-light.sublime-settings index 3bb81b2c..45b18381 100644 --- a/widgets/Widget - ayu-light.sublime-settings +++ b/widgets/Widget - ayu-light.sublime-settings @@ -1,3 +1,6 @@ +// prefix="Widget - " +// sublime="" +// ext="sublime-settings" { "color_scheme": "Packages/ayu/widgets/Widget - ayu-light.stTheme", "draw_shadows": false, diff --git a/widgets/Widget - ayu-light.yml b/widgets/Widget - ayu-light.yml deleted file mode 100644 index 35a6e013..00000000 --- a/widgets/Widget - ayu-light.yml +++ /dev/null @@ -1,45 +0,0 @@ -# [PackageDev] target_format: plist, ext: stTheme ---- - -name: ayu -author: Ike Ku -colorSpaceName: sRGB -semanticClass: ayu.light - -settings: - -- settings: - background: &bg '#FFFFFF' - caret: '#FF6A00' - foreground: &fg '#5C6773' - inactiveSelection: &in_selection '#F2F2EB' - invisibles: '#343434' - lineHighlight: '#F2F2F2' - selection: &selection '#F0EEE4' - selectionBorder: *selection - -- name: Comments - scope: comment - settings: - fontStyle: italic - foreground: &comment '#ABB0B6' - -- name: Keyword - scope: keyword, storage - settings: - foreground: &keyword '#F2590C' - -- name: Constant - scope: constant - settings: - foreground: &constant '#A37ACC' - -- name: String - scope: string - settings: - foreground: &string '#86B300' - -- name: Escape - scope: constant.character.escape - settings: - foreground: ®exp '#4DBF99' diff --git a/widgets/Widget - ayu-light2.sublime-settings b/widgets/Widget - ayu-light2.sublime-settings index 7ddf8db2..49b35aff 100644 --- a/widgets/Widget - ayu-light2.sublime-settings +++ b/widgets/Widget - ayu-light2.sublime-settings @@ -1,3 +1,6 @@ +// prefix="Widget - " +// sublime="2" +// ext="sublime-settings" { "color_scheme": "Packages/ayu/widgets/Widget - ayu-light.stTheme", "draw_shadows": false, diff --git a/widgets/Widget - ayu-mirage.stTheme b/widgets/Widget - ayu-mirage.stTheme new file mode 100644 index 00000000..8c9f6bbe --- /dev/null +++ b/widgets/Widget - ayu-mirage.stTheme @@ -0,0 +1,98 @@ + + + + + + + + author + Ike Ku + colorSpaceName + sRGB + name + ayu + semanticClass + ayu.mirage + settings + + + settings + + background + #272D38 + caret + #FFCC66 + foreground + #D9D7CE + inactiveSelection + #2D3640 + invisibles + #343434 + lineHighlight + #242B38 + selection + #343F4D + selectionBorder + #343F4D + + + + name + Comments + scope + comment + settings + + fontStyle + italic + foreground + #5C6773 + + + + name + Keyword + scope + keyword, storage + settings + + foreground + #FFAE57 + + + + name + Constant + scope + constant + settings + + foreground + #D4BFFF + + + + name + String + scope + string + settings + + foreground + #BAE67E + + + + name + Escape + scope + constant.character.escape + settings + + foreground + #95E6CB + + + + + diff --git a/widgets/Widget - ayu-mirage.sublime-settings b/widgets/Widget - ayu-mirage.sublime-settings new file mode 100644 index 00000000..61e97e51 --- /dev/null +++ b/widgets/Widget - ayu-mirage.sublime-settings @@ -0,0 +1,9 @@ +// prefix="Widget - " +// sublime="" +// ext="sublime-settings" +{ + "color_scheme": "Packages/ayu/widgets/Widget - ayu-mirage.stTheme", + "draw_shadows": false, + "font_options": ["subpixel_antialias"], + "line_padding_top": 2 +} diff --git a/widgets/Widget - ayu-mirage2.sublime-settings b/widgets/Widget - ayu-mirage2.sublime-settings new file mode 100644 index 00000000..8d5b4188 --- /dev/null +++ b/widgets/Widget - ayu-mirage2.sublime-settings @@ -0,0 +1,9 @@ +// prefix="Widget - " +// sublime="2" +// ext="sublime-settings" +{ + "color_scheme": "Packages/ayu/widgets/Widget - ayu-mirage.stTheme", + "draw_shadows": false, + "font_options": ["subpixel_antialias"], + "line_padding_top": 3 +} diff --git a/widgets/Widget - ayu.stTheme b/widgets/Widget - ayu.stTheme deleted file mode 100644 index 56010f71..00000000 --- a/widgets/Widget - ayu.stTheme +++ /dev/null @@ -1,95 +0,0 @@ - - - - - author - Ike Ku - colorSpaceName - sRGB - name - ayu - semanticClass - ayu.dark - settings - - - settings - - background - #14191F - caret - #F29718 - foreground - #efefef - inactiveSelection - #7AA3CC35 - invisibles - #607D8B - lineHighlight - #0d1319 - selection - #7AA3CC35 - selectionBorder - #7AA3CC35 - - - - name - Comments - scope - comment - settings - - fontStyle - italic - foreground - #5C6773 - - - - name - Keyword - scope - keyword, storage - settings - - foreground - #FF7733 - - - - name - Constant - scope - constant - settings - - foreground - #FFEE99 - - - - name - String - scope - string - settings - - foreground - #B8CC52 - - - - name - Escape - scope - constant.character.escape - settings - - foreground - #95E6CB - - - - - diff --git a/widgets/Widget - ayu.sublime-settings b/widgets/Widget - ayu.sublime-settings deleted file mode 100644 index 98cde24f..00000000 --- a/widgets/Widget - ayu.sublime-settings +++ /dev/null @@ -1,6 +0,0 @@ -{ - "color_scheme": "Packages/ayu/widgets/Widget - ayu.stTheme", - "draw_shadows": false, - "font_options": ["subpixel_antialias"], - "line_padding_top": 2 -} diff --git a/widgets/Widget - ayu.yml b/widgets/Widget - ayu.yml deleted file mode 100644 index a466692f..00000000 --- a/widgets/Widget - ayu.yml +++ /dev/null @@ -1,45 +0,0 @@ -# [PackageDev] target_format: plist, ext: stTheme ---- - -name: ayu -author: Ike Ku -colorSpaceName: sRGB -semanticClass: ayu.dark - -settings: - -- settings: - background: &bg '#14191F' - caret: '#F29718' - foreground: &fg '#efefef' - inactiveSelection: &in_selection '#7AA3CC35' - invisibles: '#607D8B' - lineHighlight: '#0d1319' - selection: &selection '#7AA3CC35' - selectionBorder: *selection - -- name: Comments - scope: comment - settings: - fontStyle: italic - foreground: &comment '#5C6773' - -- name: Keyword - scope: keyword, storage - settings: - foreground: &keyword '#FF7733' - -- name: Constant - scope: constant - settings: - foreground: &constant '#FFEE99' - -- name: String - scope: string - settings: - foreground: &string '#B8CC52' - -- name: Escape - scope: constant.character.escape - settings: - foreground: ®exp '#95E6CB' diff --git a/widgets/Widget - ayu2.sublime-settings b/widgets/Widget - ayu2.sublime-settings deleted file mode 100644 index 43904134..00000000 --- a/widgets/Widget - ayu2.sublime-settings +++ /dev/null @@ -1,6 +0,0 @@ -{ - "color_scheme": "Packages/ayu/widgets/Widget - ayu.stTheme", - "draw_shadows": false, - "font_options": ["subpixel_antialias"], - "line_padding_top": 3 -}