改變chrome 開發工具的樣式

Step1 先選擇一套你想安裝的樣式安裝
Flatland
Zero Dark Matrix
Dracula 

Step2在網址列上輸入
chrome://flags/#enable-devtools-experiments
啟用開發人員工具實驗性功能，選擇啟用並重開chrome

Step3打開開發工具裡的設定
Experiments
同意Allow custom UI themes
關畢開發工具再打開就改變了

在Edge Code 裡使用Brackets擴充

step1:打開設定檔config.json

 路徑在：C:\Program Files (x86)\Adobe\Adobe Edge Code CC\www

step2:加入以下code

//將以下code
"extension_registry": "https://s3.amazonaws.com/extend.brackets/registry.json",
"extension_url": "https://s3.amazonaws.com/extend.brackets/{0}/{0}-{1}.zip"





//加至底
"config": {
"app_title": "Adobe Edge Code CC (Preview)",
"app_name_about": "Adobe® Edge Code CC",
"about_icon": "styles/images/code_app.svg",
"enable_jslint": false,
"how_to_use_url": "http://www.adobe.com/devnet/edge-code/articles/code-editing-with-edge-code.html",
"forum_url": "http://adobe.com/go/edge_code_forum",
"release_notes_url": "http://adobe.com/go/edgecode_releasenotes",
"report_issue_url": "",
"twitter_url": "https://twitter.com/edge_code",
"troubleshoot_url": "http://forums.adobe.com/docs/DOC-3027",
"twitter_name": "@edge_code",
"contributors_url": "https://api.github.com/repos/adobe/brackets/contributors",
"extension_wiki_url": "https://github.com/adobe/brackets/wiki/Brackets-Extensions",
//
"extension_registry": "https://s3.amazonaws.com/extend.brackets/registry.json",
"extension_url": "https://s3.amazonaws.com/extend.brackets/{0}/{0}-{1}.zip"
}

 step3:重新開啟 Edge Code 完成！！

在擴充裡會出現available的頁籤，就看您想裝那個嚕~~~happy coding!!!

資料來源