Brackets 颜色方案
受 Adobe Brackets 启发的 Sublime Text 颜色方案
详细信息
安装
- 总计 47K
- Win 31K
- Mac 9K
- Linux 8K
8月6日 | 8月5日 | 8月4日 | 8月3日 | 8月2日 | 8月1日 | 7月31日 | 7月30日 | 7月29日 | 7月28日 | 7月27日 | 7月26日 | 7月25日 | 7月24日 | 7月23日 | 7月22日 | 7月21日 | 7月20日 | 7月19日 | 7月18日 | 7月17日 | 7月16日 | 7月15日 | 7月14日 | 7月13日 | 7月12日 | 7月11日 | 7月10日 | 7月9日 | 7月8日 | 7月7日 | 7月6日 | 7月5日 | 7月4日 | 7月3日 | 7月2日 | 7月1日 | 6月30日 | 6月29日 | 6月28日 | 6月27日 | 6月26日 | 6月25日 | 6月24日 | 6月23日 | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Windows | 0 | 2 | 0 | 1 | 6 | 3 | 0 | 0 | 0 | 3 | 2 | 1 | 2 | 4 | 1 | 4 | 3 | 1 | 1 | 2 | 2 | 3 | 0 | 0 | 1 | 4 | 6 | 4 | 5 | 4 | 2 | 3 | 6 | 7 | 2 | 2 | 0 | 0 | 2 | 0 | 1 | 4 | 0 | 3 | 2 |
Mac | 1 | 2 | 0 | 0 | 2 | 2 | 2 | 1 | 1 | 0 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 0 | 0 | 0 | 1 | 0 | 0 | 1 | 0 | 0 | 0 | 1 | 0 | 1 | 1 | 1 | 2 | 3 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 1 | 0 |
Linux | 1 | 0 | 0 | 2 | 0 | 2 | 1 | 1 | 1 | 1 | 2 | 1 | 1 | 2 | 0 | 0 | 0 | 1 | 2 | 2 | 0 | 1 | 0 | 2 | 0 | 2 | 2 | 1 | 1 | 0 | 1 | 0 | 1 | 1 | 1 | 0 | 1 | 1 | 0 | 0 | 0 | 0 | 2 | 0 | 1 |
README
Brackets 颜色方案
此 Sublime Text 包提供两种颜色方案(浅色和深色),类似于 Adobe Brackets 内置主题。
安装
颜色方案可以通过 Sublime Text 的包管理器 包控制 安装。从命令板中选择 包控制:安装包 并搜索 Brackets 颜色方案。
然后可以通过在菜单中选择 首选项 > 选择颜色方案… 或通过命令板中的 UI:选择颜色方案 命令来激活颜色方案。
预览
颜色调色板
颜色变量 | Brackets Light | Brackets Dark | 示例用法 |
---|---|---|---|
#f8f8f8 |
#1d1f21 |
背景 | |
文字颜色 | #535353 |
#dddddd |
纯文本、变量、常量、运算符、标点符号 |
灰色 | #949494 |
#767676 |
注释 |
蓝色 | #446fbd |
#6c9ef8 |
关键字、内建库函数和类、标签 |
橙色 | #e88501 |
#d89333 |
字符串、内置常量、函数定义中的参数 |
绿色 | #6d8600 |
#85a300 |
数字、HTML/XML 标签属性 |
紫罗兰色 | #8757ad |
#b77fdb |
用户定义函数、映射键、CSS 属性名称 |
紫色 | #6c71c4 |
#8087e5 |
预处理器指令、宏 |
粉色 | #d33682 |
#d85896 |
注释、标记语言中的标题 |
红色 | #dc322f |
#dc322f |
无效语法 |
绿色2 | #229922 |
#229922 |
插入差异 |
红色2 | #dd4444 |
#dd4444 |
删除差异 |
自定义
本配色方案使用基于JSON格式的颜色定义和高亮规则,该格式在Sublime Text 3.1(构建3170)中首次引入。配色方案格式允许通过从命令面板中的“UI: 自定义配色方案”条目来自定义颜色变量和覆盖或添加用户特定的突出显示规则。请参阅官方文档中的此示例。关于此方案使用的颜色变量名称,请参阅上面的调色板。
除列出的颜色名称外,还使用了一些其他变量,并且可以修改它们来调整某些令牌的突出显示颜色。以下是应用默认颜色时的示例
{
"variables": {
"operator_symbol": "var(textcolor)",
"operator_keyword": "var(blue)",
"punctuation": "var(textcolor)",
"type": "var(textcolor)"
}
}
在Sublime Merge中的使用
此配色方案也可以用于Sublime Merge,并包含提供针对差异和合并冲突视图某些元素的调整样式特殊规则的规则。目前,在Sublime Merge中更改配色方案需要默认的浅色和深色主题的一些手动配置
从Sublime Merge菜单中选择 首选项 > 浏览包…,然后导航到用户文件夹。然后,对于浅色主题,创建具有以下名称的新设置文件
提交信息 - Merge.sublime-settings
差异 - Merge.sublime-settings
文件模式 - Merge.sublime-settings
在文件中的以下内容
{
"color_scheme": "Brackets Light.sublime-color-scheme"
}
相应地,对于深色主题创建以下文件
提交信息 - Merge Dark.sublime-settings
差异 - Merge Dark.sublime-settings
文件模式 - Merge Dark.sublime-settings
以下内容
{
"color_scheme": "Brackets Dark.sublime-color-scheme"
}
与Adobe Brackets主题的差异
一般来说,配色方案旨在再现Adobe Brackets内置主题的风格,但有一些细微的差异。
由于编辑器中不同的突出显示引擎,可能出现语法突出显示的差异。对于某些元素的突出显示稍作扩展,并增加了对非Web开发专用编程语言的更好支持。如果您发现错误或可能的改进,请通过在此存储库中创建问题来通知我。
仅在语法突出显示中适度添加了斜体字体样式。您可以通过在您的首选项.sublime-settings文件中设置
"font_options": ["no_italic"]
来禁用所有斜体文本。在Adobe Brackets中,当光标位于某个标签或括号旁边时,匹配的标签和括号将以绿色背景颜色突出显示。在Sublime Text中无法调整匹配标签或括号的背景颜色,因此它们以下划线显示。
Sublime Text以其内置颜色方案中对文本选择使用微妙边框和圆角。我选择在此处遵循此样式,但可以通过以下自定义达到Adobe Brackets中原始选择样式(有方形角且无边框)
{
"globals": {
"selection_border_width": "0",
"selection_corner_style": "square"
}
}