ctrl+shift+p filters: :st2 :st3 :win :osx :linux
浏览

Brackets 颜色方案

jwortmann ST3

受 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

源码
raw.​githubusercontent.​com

Brackets 颜色方案

License Version Downloads

此 Sublime Text 包提供两种颜色方案(浅色和深色),类似于 Adobe Brackets 内置主题。

安装

颜色方案可以通过 Sublime Text 的包管理器 包控制 安装。从命令板中选择 包控制:安装包 并搜索 Brackets 颜色方案

然后可以通过在菜单中选择 首选项 > 选择颜色方案… 或通过命令板中的 UI:选择颜色方案 命令来激活颜色方案。

预览

Brackets Light

Brackets Dark

颜色调色板

颜色变量 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"
    }
  }