（這是我前幾天在自己的博客里瞎寫的。現在因為要關閉博客，所以轉到這里了。圖片中的水印為原博客的地址。不過因為它馬上就要不存在了，我也找不到原圖，就繼續用吧。）
使用ATOM也有一小段時間了。非常喜歡，于是想創建一套自己的主題。它的官方文檔中有對主題的詳細介紹，對照文檔制作主題非常簡單。如果英語比較好的話，建議直接看這里。我上午制作了一個，在這里做一下記錄。
主題一共分兩部分，分別是Interface Theme與Syntax Theme。Interface的這部分略麻煩些，所以先來說說建立這部分主題。
Interface Theme
首先，去下載一個主題。我下載的是這個，從它的Github上下載到任意目錄下，改成自己的名字。比如我改成了“faluo-theme-ui”，下載到桌面上。
然后，創建鏈接。在命令行下執行以下命令。注意把文件夾目錄換成你自己的：
cd ~/.atom/packages
apm link /Users/faluo/Desktop/faluo-theme-ui
之后可以按[{SCODE}]cmd+,[{/SCODE}]打開設置，選擇Themes，就可以從UI Themes列表中找到自己的主題了。
最后，啟動Atom，選擇菜單中的View-Developer-Open In Dev Mode…，在這個窗口中打開剛才下載好的ui主題，結構是這樣的：
我對這份dark主題還算比較滿意，所以不想大改，只想把側邊欄選中狀態時的藍色換成橙色，所以要關注的文件只有2個：package.json和styles/ui-variables.less。
先到package.json中，把“name”，“version”和”description”等信息改成自己的，再打開styles/ui-variables.less，這里列出了很多字體和顏色的定義，然而看起來不太直觀。可以通過Styleguide來查看。方法是按cmd+shift+p，輸入styleguide并回車。如圖:
這里列出了所有style，直觀多了。通過這里，我知道了如果我想改變邊欄選中時的顏色，只要修改background-color-selected的顏色值就可以了。于是回到ui-variables.less中，找到這個變量，改成我想要的顏色(#D16E2E)即可。重新加載主題就能看到效果了。
其它部分的顏色，自己慢慢改吧。
Syntax Theme
同樣先打開Dev mode，同時按cmd+shift+p，輸入generate syntax theme并回車，為主題命名，選擇一個保存的位置就可以了。注意名字一定要以-syntax結尾。
保存好后，就可以在設置-Themes的Syntax主題列表中看到剛建好的主題了。選擇它。Syntax部分比較簡單，不需要手動建立鏈接，目錄結構也少了許多：
把package.json中“name”，“version”和”description”等信息改成自己的，之后看styles目錄。主要修改這個目錄中的文件。
colors.less文件中有許多顏色的定義。這里面的顏色值都可以修改，也可以增加。比如我這里增加一個叫“faluo”的顏色，值是“#e6e606”，所以在文件最后新加一行“@faluo: #e6e606;”。
接下來打開base.less，找到“.comment”，把它的顏色改成自己的“faluo”色并重新加載主題，就可以看到以前在黑色背景下看不清的亮灰色注釋，變成了刺眼的黃色。
其它的顏色，可以在base.less里邊試邊改。
