Agila 主题

由 arvi ST3 排行榜前 100

Sublime Text 3 UI 主题

详情

版本 2.3.0
主页 github．com
问题 github．com
修改 2 年前
最后看到 1 小时前
首次看到 8 年前

安装

总计 296K
Win 175K
Mac 65K
Linux 56K

	Aug 6	Aug 5	Aug 4	Aug 3	Aug 2	Aug 1	Jul 31	Jul 30	Jul 29	Jul 28	Jul 27	Jul 26	Jul 25	Jul 24	Jul 23	Jul 22	Jul 21	Jul 20	Jul 19	Jul 18	Jul 17	Jul 16	Jul 15	Jul 14	Jul 13	Jul 12	Jul 11	Jul 10	Jul 9	Jul 8	Jul 7	Jul 6	Jul 5	Jul 4	Jul 3	Jul 2	Jul 1	Jun 30	Jun 29	Jun 28	Jun 27	Jun 26	Jun 25	Jun 24	Jun 23	Jun 22
Windows	13	15	9	16	12	17	7	14	16	14	12	10	15	15	17	18	15	10	12	16	14	10	13	13	10	21	15	10	16	12	9	13	15	12	21	15	20	15	8	16	16	15	18	14	14	12
Mac	8	1	0	3	2	3	9	6	8	0	3	4	10	5	4	5	2	4	5	4	5	4	0	1	2	2	6	3	5	7	1	5	6	5	4	11	6	2	0	2	0	2	3	2	0	3
Linux	1	3	4	3	5	4	6	2	6	3	2	2	3	6	5	1	2	1	4	0	3	2	3	3	0	0	1	4	8	5	4	2	1	3	3	4	4	4	0	3	4	2	6	3	5	4

读我

源: raw．githubusercontent．com

Agila 主题

Sublime Text 3 UI 主题

找不到真正喜欢的主题，所以我尝试根据之前使用的优秀主题中喜欢的事物/元素制作了自己的主题。 :)

屏幕截图

以下屏幕截图基于 Agila 主题的所有默认起始点，其中 字体： Inconsolata | 字体大小：21*.

您可以通过参考本文件的 “设置” 部分自定义 UI，以满足您的需求 （例如：使用配色方案背景、侧边栏、标签页、自动完成和滚动条设置/颜色偏好）。祝您玩得开心！ :)

Agila 主题

Agila Origin 主题

Agila Dracula 主题

Agila Monokai 主题

Agila Cobalt 主题

Agila Classic 主题

Agila Light 主题

Agila Neon 主题

如何安装

冷静方式

通过 Package Control，其中 Agila 被列为 Agila Theme.

使用菜单项 *工具 > 命令面板...* 或 CMD/CTRL + SHIFT + P 打开命令面板
选择 包管理：安装包
找到 Agila Theme 并按 *Enter

哇哦方式

通过手动安装主题。

下载最新版的 .zip 文件
解压并将文件夹重命名为 Agila Theme.
将 Agila Theme 文件夹移动到 Packages 目录下 (*偏好设置 > 浏览包...)

主题

Agila 主题包括 Markdown 语法高亮，前提是您已安装 Markdown Extended 包。

激活

冷静方式通过 Skin

Skins 提供了一种轻松管理 Sublime Text 3 主题的方法。从命令面板运行其 Select Skin 命令（方法：* 工具 > 命令面板... 或 CMD/CTRL + SHIFT + P）并从列表中选择任何的 Agila 主题变体。 **无需额外步骤即可根据所选主题激活 Markdown 语法高亮。**

哇哦方式

通过用户首选项文件（Sublime Text > Preferences > 设置 - 用户）。设置完成后，不要忘了 重启 Sublime Text 编辑器 以使更改生效。

若要同时启用根据所选主题的 Markdown 语法高亮

打开一个 Markdown 文件
转到首选项 > 设置 - 语法特定，并根据下面特定于主题的最后一个 color_scheme 设置更改 color_scheme 价值。

默认主题

"theme": "Agila.sublime-theme",
"color_scheme": "Packages/Agila Theme/Agila Oceanic Next.tmTheme",

"color_scheme": "Packages/Agila Theme/Markdown/Oceanic Next Markdown.tmTheme"

原始主题

"theme": "Agila Origin.sublime-theme",
"color_scheme": "Packages/Agila Theme/Agila Origin Oceanic Next.tmTheme",

"color_scheme": "Packages/Agila Theme/Markdown/Oceanic Next Origin Markdown.tmTheme"

Dracula 主题

"theme": "Agila Dracula.sublime-theme",
"color_scheme": "Packages/Agila Theme/Agila Dracula.tmTheme",

"color_scheme": "Packages/Agila Theme/Markdown/Dracula Markdown.tmTheme"

Monokai 主题

"theme": "Agila Monokai.sublime-theme",
"color_scheme": "Packages/Agila Theme/Agila Monokai Extended.tmTheme",

"color_scheme": "Packages/Agila Theme/Markdown/Monokai Markdown.tmTheme"

Cobalt 主题

"theme": "Agila Cobalt.sublime-theme",
"color_scheme": "Packages/Agila Theme/Agila Cobalt.tmTheme",

"color_scheme": "Packages/Agila Theme/Markdown/Cobalt Markdown.tmTheme"

经典主题

"theme": "Agila Classic.sublime-theme",
"color_scheme": "Packages/Agila Theme/Agila Classic Oceanic Next.tmTheme",

"color_scheme": "Packages/Agila Theme/Markdown/Classic Oceanic Next Markdown.tmTheme"

浅色主题

"theme": "Agila Light.sublime-theme",
"color_scheme": "Packages/Agila Theme/Agila Light Solarized.tmTheme",

"color_scheme": "Packages/Agila Theme/Markdown/Light Solarized Markdown.tmTheme"

霓虹主题

"theme": "Agila Neon.sublime-theme",
"color_scheme": "Packages/Agila Theme/Agila Neon Monocyanide.tmTheme",

"color_scheme": "Packages/Agila Theme/Markdown/Neon Monocyanide Markdown.tmTheme"

注意：您可以通过添加：“json "indent_guide_options”：[“draw_normal”，“draw_active”]”来使用与这些方案相关联的活指南。

---

### Settings
I've made some UI parts customizable e.g icon colors, sidebar items, etc.. :)

##### THEME OVERRIDE
#
overrides default theme sidebar, scrollbars and tab background based on theme scheme background
```json
"theme_agila_camouflage": true,

根据主题方案背景覆盖默认主题侧栏和选项卡背景：“json "theme_agila_camouflage_semi”：true，

overrides all the theme_agila_* size settings; convenient for small laptops
```json
"theme_agila_nano_mode": true,

侧栏紧凑树结构 - 无缩进

"theme_agila_compact_sidebar": true,

侧栏树大小（默认：中等）

"theme_agila_sidebar_mini": true,
"theme_agila_sidebar_xsmall": true,
"theme_agila_sidebar_small": true,
"theme_agila_sidebar_medium": true,
"theme_agila_sidebar_large": true,

侧栏标题（默认：基于主题的颜色）

"theme_agila_sidebar_heading_white": true,
"theme_agila_sidebar_heading_gray": true,
"theme_agila_sidebar_heading_lightblue": true,
"theme_agila_sidebar_heading_yellow": true,
"theme_agila_sidebar_heading_pink": true,

侧栏条目/项目字体大小（默认：13）

"theme_agila_sidebar_font_xsmall": true, //font-size: 11
"theme_agila_sidebar_font_small": true, //font-size: 12
"theme_agila_sidebar_font_big": true, //font-size: 14

侧栏所选条目/项目（默认：粉色）

"theme_agila_sidebar_selected_entry_white": true,
"theme_agila_sidebar_selected_entry_gray": true,
"theme_agila_sidebar_selected_entry_lightblue": true,
"theme_agila_sidebar_selected_entry_yellow": true,
"theme_agila_sidebar_selected_entry_pink": true,

侧栏浅色图标（默认：深色）

"theme_agila_sidebar_light_icons": true,

侧栏文件夹前后缀图标

如果更喜欢文件夹图标旁边的前后缀图标：“json "theme_agila_sidebar_plus_minus”：true，

##### COMPACT TAB - REDUCED TAB HEIGHT
#
```json
"theme_agila_compact_tab": true,

活动选项卡 - 文本色（默认：粉色）

"theme_agila_active_tab_entry_white": true,
"theme_agila_active_tab_entry_gray": true,
"theme_agila_active_tab_entry_lightblue": true,
"theme_agila_active_tab_entry_yellow": true,
"theme_agila_active_tab_entry_pink": true,

更改选项卡 - 图标标记颜色（默认：浅蓝色）

"theme_agila_modified_tab_marker_white": true,
"theme_agila_modified_tab_marker_gray": true,
"theme_agila_modified_tab_marker_lightblue": true,
"theme_agila_modified_tab_marker_yellow": true,
"theme_agila_modified_tab_marker_pink": true,

自动完成 - 关键词颜色（默认：白色）

"theme_agila_auto_complete_white": true,
"theme_agila_auto_complete_gray": true,
"theme_agila_auto_complete_lightblue": true,
"theme_agila_auto_complete_yellow": true,
"theme_agila_auto_complete_pink": true,

滚动条颜色（默认：基于主题的颜色）

"theme_agila_vertical_scrollbar_white": true,
"theme_agila_horizontal_scrollbar_white": true,

"theme_agila_vertical_scrollbar_gray": true,
"theme_agila_horizontal_scrollbar_gray": true,

"theme_agila_vertical_scrollbar_lightblue": true,
"theme_agila_horizontal_scrollbar_lightblue": true,

"theme_agila_vertical_scrollbar_yellow": true,
"theme_agila_horizontal_scrollbar_yellow": true,

"theme_agila_vertical_scrollbar_pink": true,
"theme_agila_horizontal_scrollbar_pink": true,

滚动条厚度（默认：4）

"theme_agila_vertical_scrollbar_thickest": true,   //width: 6
"theme_agila_horizontal_scrollbar_thickest": true,

"theme_agila_vertical_scrollbar_thicker": true,   //width: 5
"theme_agila_horizontal_scrollbar_thicker": true,

"theme_agila_vertical_scrollbar_thinner": true,    //width: 3
"theme_agila_horizontal_scrollbar_thinner": true,

"theme_agila_vertical_scrollbar_thinnest": true,   //width: 2
"theme_agila_horizontal_scrollbar_thinnest": true,

"theme_agila_vertical_scrollbar_invisible": true,  //width:  0
"theme_agila_horizontal_scrollbar_invisible": true,

我的 Sublime 设置 :p

https://gist.github.com/arvi/b71cd26b7a20944a7d53607213d56c20

端口

- 由 whtsky 提供的 Visual Studio Code

感谢

Preap 主题 - UI 启发和 .sublime-theme 源代码 :)
Spacegray 主题 - UI 启发和 .sublime-theme 源代码 :)
amCoder 主题 - UI 启发和 .sublime-theme 源代码 :)
Neka 主题 - 图标
Oceanic Next 颜色方案 - 默认和经典主题颜色方案基于
Solarized 颜色方案 - 浅色主题颜色方案基于
Dracula 颜色方案
Monokai 扩展颜色方案
Monocyanide 颜色方案
Cobalt2 方案
Colorhexa - 颜色组合
meteor create --sample todos - 截图代码片段 :p
贡献者： davidmatas、Cldfire、polyvertex、mikedcook、kcmr、davidhcefx

有趣实验 :p

心中有一个颜色组合，或者你可能也想尝试创建自己的组合？检查 Agila.sublime-theme 源代码…我通过详细的注释使任何人都可以轻松自定义 sublime UI 主题。 :p 享受！ :)