先推薦介紹幾款非常好用的自定義主題:
https://github.com/aziz/tmTheme-Editor
http://tmtheme-editor.herokuapp.com/
這個可以在線修改配色方案,也可以上傳本地的方案修改.
https://github.com/LeonardoGentile/ColorSchemeEditorLive
隨意打開一個文檔然后shift+f12(打開當(dāng)前配色方案)
然后把布局換成兩列(左側(cè)你的文檔,右側(cè)配色方案)
這時當(dāng)你點擊左側(cè)文檔中的代碼,右側(cè)會跳到當(dāng)前代碼配色范圍中
https://github.com/MattDMo/Neon-color-scheme
這個配色方案支持很多很多很多很多.....語言的語法
這樣就不需要自己寫范圍了
把Neon color scheme里面不需要的范圍刪掉,然后再用tmThemeEditor在線編輯,最后用Color Scheme Editor做小修改.
使用Seti_UI自定義主題
主題安裝
使用package control搜索Seti_UI進行安裝，默認(rèn)會將SetiUI-Icons裝上
文件圖標(biāo)
https://github.com/mrmartineau/SetiUI-Icons-Sublime
如果不想使用SetiUI而喜歡其圖標(biāo)，可以單獨下載圖標(biāo)進行安裝
修改主題
先看一下動大刑之后的sublime
開始修改
在"首選項-設(shè)置"中打開設(shè)置文件，在用戶文件中進行主題配置，seti有很多選項可以選擇。
具體參數(shù)參見: https://github.com/jesseweed/seti-ui
{
"Seti_ClosedFolder_anim": true,
"Seti_SB_big": true,
"Seti_SB_med": true,
"Seti_accent_lime": true,
"Seti_alt_tree_row": true,
"Seti_bold_heading": true,
"Seti_bold_slctdfile_labels": true,
"Seti_bold_slctdtab_labels": true,
"Seti_lime_label": true,
"Seti_lime_map": true,
"Seti_lime_scrollbar": true,
"Seti_lime_statusbar": true,
"Seti_lime_tabclose": true,
"Seti_no_blue_bar": true,
"Seti_red_tab": true,
"Seti_sb_small_padding": true,
"Seti_sb_tree_miny": true,
"Seti_show_group_arrows": true,
"Seti_sidebar_font_size_12": true,
"Seti_tab_font_12": true,
"Seti_tabs_big": true,
"Seti_tabs_med": true,
"Seti_tabs_small": true,
"Seti_top_heading_anim": true,
"color_scheme": "Packages/my Color Scheme/Lyte-Solarized-Light (SL).tmTheme",
"font_size": 16,
"highlight_line": true,
"ignored_packages":
[
// 忽略的包
],
"mouse_wheel_tabswitch": true,
"tab_size": 4,
"theme": "Seti.sublime-theme",
"translate_tabs_to_spaces": true
}
在"首選項>瀏覽插件目錄"進入sublime的插件目錄，進入Seti_UI目錄。
目錄結(jié)構(gòu)如下
Seti_UI
├─icons
│ ├─Langs
│ └─Prefs
├─Main
│ ├─accent
│ │ ├─indigo
│ │ │ └─orig
│ │ ├─lime
│ │ │ └─orig
│ │ ├─purple
│ │ │ └─orig
│ │ ├─red
│ │ │ └─orig
│ │ ├─seablue
│ │ │ └─orig
│ │ ├─teal
│ │ │ └─orig
│ │ └─yellow
│ │ └─orig
│ ├─menu
│ └─sidebar
├─messages
├─Resource
├─Widgets
└─Seti.sublime-theme
使用sublime修改Seti.sublime-theme文件，可以看到實時的界面更改
大概分為以下模塊:
TABS (REGULAR)
TAB BUTTONS
TAB LABELS tab
TAB SCROLLING
FOLD BUTTONS
STANDARD SCROLLBARS
OVERLAY SCROLLBARS
EMPTY WINDOW BACKGROUND
GRID LAYOUT
MINI MAP
DIALOG
PROGRESS BAR
LABELS
TOOLTIP
STATUS BAR
SIDEBAR
SIDEBAR - OPEN FILE ICONS
SIDEBAR - GENERAL FILE ICONS
STANDARD TEXT BUTTONS
TEXT INPUT FIELD
PANEL BACKGROUNDS
MINI QUICK PANEL
QUICK PANEL
CODE COMPLETION DROPDOWN
BOTTOM PANEL BUTTONS
BOTTOM PANEL ICONS - GROUP 1
BOTTOM PANEL ICONS - GROUP 2
BOTTOM PANEL ICONS - GROUP 3
BOTTOM PANEL ICONS - GROUP 4
Accents
里面的設(shè)置基本上可以見名知意，很容易修改。比如其中一段修改側(cè)邊欄樣式的代碼 :
{
"class": "sidebar_container",
"settings": ["Seti_top_heading_anim"],
"layer0.tint": [255,255,204], //側(cè)邊欄背景顏色
"layer0.inner_margin": [0, 54, 0, 0],
"layer1.texture": {
"keyframes": [
"Seti_UI/Main/sidebar/sidebar_heading_alt-h8.png",
"Seti_UI/Main/sidebar/sidebar_heading_alt-h7.png",
"Seti_UI/Main/sidebar/sidebar_heading_alt-h6.png",
"Seti_UI/Main/sidebar/sidebar_heading_alt-h5.png",
"Seti_UI/Main/sidebar/sidebar_heading_alt-h4.png",
"Seti_UI/Main/sidebar/sidebar_heading_alt-h3.png",
"Seti_UI/Main/sidebar/sidebar_heading_alt-h2.png",
"Seti_UI/Main/sidebar/sidebar_heading_alt-h1.png",
"Seti_UI/Main/sidebar/sidebar_heading_alt-h0.png"
],
"loop": false,
"frame_time": 0.030
},
"layer1.opacity": { "target": 1.0, "speed": 10.0, "interpolation": "smoothstep" },
"layer1.inner_margin": [120, 54, -120, 0],
"content_margin": [0, 54, 0, 0]
}
好了，可以動大刑改變自己的sublime了！
