Seti UI 主題: 讓你編輯器煥然一新(Sublime, Atom)

yiyao 8年前發布 | 306K 次閱讀 Web開發工具 Sublime Text

來自： http://chinagdg.org/2016/02/ttt2-seti-ui/

開發者糾結的地方特別多，其中編輯器或 IDE 用什么主題(Theme) 就是其一，可選的主題風格也特別多。

今天給大家推薦一個去年非常流行的主題—— Seti UI 。它不僅色彩漂亮、看著舒適，還支持很多文件類型圖標，讓整個編輯器煥然一新。Seti UI 最初是 Atom 編輯器上的主題，但很快被開發者移植到了 Sublime Text 和 WebStorm 等編輯器上，甚至 iTerm（終端）上也有。下面分別介紹 Seti UI 在這些編輯器上的主題設置。

Sublime Text

點擊看大圖

文件類型圖標

搜索樣式

項目地址： https://github.com/ctf0/Seti_ST3

用 Package Control 安裝：Seti_UI

安裝之后啟用 Seti UI 主題，在 Preferences -> Settings – User 添加一行：

{
    "theme": "Seti.sublime-theme"
}

{
    "theme": "Seti.sublime-theme"
}

如果你愿意進一步微調，Seti UI 還提供很多設置選項，例如：

// tabs
  "Seti_no_blue_bar": true,               // remove the blue bar under the un-saved tabs
  "Seti_tabs_small": true,                // tabs height = 35
  "Seti_tabs_med": true,                  // tabs height = 40

// scrollbar
  "Seti_SB_med": true,                    // scrollbars width / height = 6
  "Seti_SB_big": true,                    // scrollbars width / height = 10

// tabs
  "Seti_no_blue_bar": true,              // remove the blue bar under the un-saved tabs
  "Seti_tabs_small": true,                // tabs height = 35
  "Seti_tabs_med": true,                  // tabs height = 40
 
// scrollbar
  "Seti_SB_med": true,                    // scrollbars width / height = 6
  "Seti_SB_big": true,                    // scrollbars width / height = 10

更多設置詳見： https://packagecontrol.io/packages/Seti_UI 。

當然，Sublime 本身就有很多標準設置可以配置，例如：

"highlight_line": true,
    "tab_size": 4,
    "translate_tabs_to_spaces": true,
    "font_size": 20,

 "highlight_line": true,
 "tab_size": 4,
 "translate_tabs_to_spaces": true,
 "font_size": 20,

注意：在 sublime 中除了設置 “theme” 還可以單獨設置 “color_scheme” 。二者的區別是 color_scheme 僅影響語法高亮和代碼編輯區的樣式，可以在菜單 Preferences -> Color Scheme 設置。而 theme 不僅包括代碼高亮，還包括 sidebar、tabs、scrollbar 等整個編輯器的可調節的樣式。一般用 theme 自帶的 color_scheme 就好，當然也可以單獨安裝和設置 color_scheme ，比如 theme 自帶的 color_scheme 對某種語言的支持不足時，如下面這個是支持 JavaScript ES6 的語法主題： Babel 。