Base16 是一種語法高亮配色的建議方針，並不是一個色彩主題，每一種配色規範了 16 個色彩，我們可以用這些配色來產生自己的編輯器色彩主題。

那麼要怎麼用這些配色來產生色彩主題呢？我們可以用別人寫好的 Builder，產生一個色彩主題需要兩種東西，一個是配色定義檔，稱為 scheme，它定義了 16 種色彩，另外一個是編輯器或 IDE 的設定檔樣板，稱為 template，Builder 再將 scheme 套進 template 產生色彩主題設定檔，再匯入到編輯器或 IDE。

Base16 的網站提供了幾個用不同語言寫的 Builder，不過上面提供的 scheme 和 template 沒有很齊全，這篇文章改用其它的 Builder。

色彩主題預覽

前面提到 Base16 是一個配色方針，我們也可以依據方針設計自己的配色，當然網路上已經有很多熱心的人分享了自己的配色，這個地方 https://chriskempson.github.io/base16/ 提供了一些配色的預覽。

檔案準備

Base16 Builder 這篇文章使用的 Builder，內建滿齊全的 scheme 及 template，是 npm package，因此你的環境必須有 Node.js 及 npm。

Builder 安裝及使用說明

在命令提示字元輸入下列指令進行安裝:

npm install -g base16-builder

列出已安裝的 scheme，看看哪種配色你最喜歡:

base16-builder ls schemes

列出已安裝的 template，確認你使用的編輯器有在裡面:

base16-builder ls templates

接下來就可以產生了，先來看基本指令:

base16-builder <-s scheme> <-t template> <-b light|dark>

-s, --scheme     要使用的 scheme
-t, --template   要使用的 template
-b, --brightness 每種配色提供 light(亮背景)及 dark(暗背景)

假設要產生 Visual Studio 用的 tomorrow dark 色彩主題，並且將檔案儲存到 C:\base16-tomorrow-dark.vssettings，輸入下列指令，一個色彩主題就產生了:

base16-builder -s tomorrow -t visual-studio -b dark > C:\base16-tomorrow-dark.vssettings

最後依據你所使用的編輯器，將產生出來的色彩主題檔匯入或複製到編輯器中。

設計自己的配色

如果想設計自己的配色，可以參考 Base16 網站上的 Styling Guidelines，有提供一些建議，也可以分享自己的配色上去。

Reference

base16
http://chriskempson.com/projects/base16/
TmThemeEditor
https://tmtheme-editor.herokuapp.com/
Color Themes
http://color-themes.com/?view=index