greatghoul
Ask and Learn

Ask and Learn

Chrome Secure Shell 配色

Chrome Secure Shell 配色

greatghoul's photo
greatghoul
·Jul 13, 2013·

1 min read

最近经常在 Windows 下连接 ssh,不太想下载 putty 等客户端,于是就开始使用 Chrome 的扩展 Secure Shell,发现这完全就是个神器呀。

   .--~~~~~~~~~~~~~------.
  /--===============------\
  | |```````````````|     |
  | |               |     |
  | |      >_<      |     |
  | |               |     |
  | |_______________|     |
  |                   ::::|
  '======================='
  //-"-"-"-"-"-"-"-"-"-"-\\
 //_"_"_"_"_"_"_"_"_"_"_"_\\
 [-------------------------]
 \_________________________/

它支持一些很爽的特性:

  • 跨平台(这个很方便)
  • 自定义配置 Profile
  • 配置自动同步(这个应该和你的 Google 帐户是绑定的,不过不清楚是什么机制)
  • 鼠标选中自动复制内容
  • 鼠标右键粘贴剪贴板内容
  • Ctrl+Shift+CCtrl+Shift+V 复制和粘贴

使用 Secure Shell 来管理你的 ssh 连接非常方便,但是 Secure Shell 默认的配色不太好看,所以在网上找到了一个不错的 solarized 配色(我的 vim 也是这人配色)

screenshot-dark

screenshot-light

不过 Secure Shell 配置页面中精确设置颜色比较困难,不过得益于这篇文章提到的方法,能够通过 js 方便的执行配置了。

solarized-dark.js

term_.prefs_.set('color-palette-overrides', {"0":"#073642","1":"#dc322f","2":"#E4E465","3":"#b58900","4":"#268bd2","5":"#d33682","6":"#2aa198","7":"#eee8d5","8":"#002b36","9":"#cb4b16","10":"#586e75","11":"#657b83","12":"#839496","13":"#6c71c4","14":"#93a1a1","15":"#fdf6e3"});
term_.prefs_.set('background-color', '#002b36');
term_.prefs_.set('cursor-color', '#eee8d5');
term_.prefs_.set('foreground-color', '#eee8d5');

solarized-light.js

term_.prefs_.set('color-palette-overrides', {"0":"#073642","1":"#dc322f","2":"#859900","3":"#b58900","4":"#268bd2","5":"#d33682","6":"#2aa198","7":"#eee8d5","8":"#002b36","9":"#cb4b16","10":"#586e75","11":"#657b83","12":"#839496","13":"#6c71c4","14":"#93a1a1","15":"#fdf6e3"});
term_.prefs_.set('background-color', '#eee8d5');
term_.prefs_.set('cursor-color', '#002b36');
term_.prefs_.set('foreground-color', '#002b36');

gist: https://gist.github.com/greatghoul/5984813

使用方法很简单,在 Secure Shell 图标上右键点击 Options,打开设置页面后,通过 Ctrl+Shift+J 打开开发人员工具,然后在 Console 中执行上面 gist 中的配色中的代码即可。

执行后刷新页面即可看到效果了。当然,你自己也可以定制更多的配色的。

 
Share this