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

侧边栏颜色

由 ggordan ST3

这是一个为 Sublime Text 3 开发的插件，如果在某一行中包含颜色，则会在侧边栏显示一个颜色。

详细信息

安装

  • 总计 108K
  • Win 61K
  • Mac 30K
  • Linux 18K
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日 6月22日
Windows 4 6 3 3 2 1 0 0 0 0 1 1 3 2 3 4 0 3 0 2 1 2 2 1 1 2 1 3 3 3 3 1 2 0 7 3 1 3 1 7 1 1 2 4 1 2
Mac 1 2 0 0 0 0 1 1 1 0 0 2 1 0 0 0 0 0 1 0 0 0 1 2 0 1 0 0 1 0 0 0 2 0 1 0 0 0 0 0 0 0 3 0 1 0
Linux 0 0 0 0 0 1 0 0 2 1 0 0 0 2 1 1 1 0 0 0 0 0 2 1 0 1 3 1 2 0 1 0 0 1 0 0 1 0 1 0 1 0 1 0 1 0

README

源代码
raw.​githubusercontent.​com

侧边栏颜色

侧边栏颜色是一个跨平台的 Sublime Text 插件，会在所有包含颜色的行上显示一个颜色图标。

GutterColor

要求

配置

  • 安装 ImageMagick
  • 在“首选项：软件包设置 > 侧边栏颜色 > 设置 - 用户”中设置 convert_path 到 ImageMagick convert 脚本的位置
{
  "convert_path" : "/usr/local/bin/convert"
}
  • 关于其中任何一个的帮助，请查看 Wes Bos 的这篇博客
  • 其他用户设置
    • supported_syntax 设置了脚本的文件类型
    • use_transparency 用来决定是否用带有 alpha 通道的 RGBA、HSLA 和自定义格式绘制，并将填充颜色复合到灰色的棋盘背景上。设置此参数为 "light" 与 true 相同，但使用较浅的棋盘。
    • custom_colors 为自定义颜色字符串格式添加额外的正则表达式，以及相关的字符串匹配和附加规则。（见默认设置文件。）
    • fix_color_schemes 启用自动编辑当前的 tmTheme 以纠正 ST 的图标染色。（见下面的 图标染色和浅色方案。）

故障排除

修复 OSX 上的 ImageMagick

如果你在使用侧边栏颜色时遇到 ImageMagick（通过 brew 安装）在 Mac 上出现问题时，请按照以下说明修复。

  1. 使用 brew uninstall imagemagick 卸载 IM
  2. 再次安装，使用一些选项 brew install imagemagick --with-xz --with-font-config --with-little-cms --with-little-cms2
  3. 使用 type convert 检查 convert 的位置
  4. 复制位置，并编辑 GutterColor/Settings - User 中的 convert_path 以成为步骤 3 的值。

图标染色和浅色方案

Sublime Text 会自动将侧边栏图标的颜色调整为与您的背景颜色设置相匹配。但不幸的是，这可能导致侧边栏颜色显示的样本从略微不准确到完全黑色。为了抵消这种效果，侧边栏颜色可以为你当前的颜色方案生成一个新的副本，这个副本将背景设置为黑色 仅限于插件的作用域。除图标外，您不会看到任何视觉上的改变。

Animation of a user running the "Fix Current Color Scheme" command.

  • 要手动更新颜色方案，打开命令面板并选择 GutterColor: 修复当前颜色方案。
  • 或者，插件可以通过设置 fix_color_schemes 自动运行此过程。

其他显示问题

Sublime Text 的占位符图像是一个红黄条纹的盒子。如果您看到这些，很有可能是因为侧边栏颜色无法找到 ImageMagick 来生成样本。请务必检查您的 convert_path 设置和/或您的 PATH 环境变量是否设置正确，然后重新启动 Sublime Text。如果问题持续，请随时 联系我们。

待办事项

  • 添加对 SASS/LESS 变量的支持
  • 回滚到 ST2
  • 处理与 GitGutter/VCS Gutter 的冲突
  • 支持 CSS 渐变
  • 改善清理过程

感谢

感谢所有贡献者继续改进侧边栏颜色！

许可协议

MIT.