前端人员开发工具(dreamweaver,aptana)代码颜色配色指南

 

 两个编辑下的颜色搭配。

我用的是YaHei Consolas 字体， 

dw cs4 下需要在以下路径下Colors.xml文件把以下代码断覆盖：

C:\Documents and Settings\Administrator\Application Data\Adobe\Dreamweaver CS4\zh_CN\Configuration\CodeColoring(xp)

C:\Users\Ly\AppData\Roaming\Adobe\Dreamweaver CS5\en_US\Configuration\CodeColoring(win 7)

colors 文件下载

 

Administrator： 用户名。

 也可以覆盖以下代码:

dw theme

< codeColors >
     < colorGroup >
         < syntaxColor  id ="CodeColor_HTMLEntity"  bold ="true"   />
         < syntaxColor  id ="CodeColor_JavascriptNative"  text ="#009999"   />
         < syntaxColor  id ="CodeColor_JavascriptNumber"  text ="#FF0000"   />
         < syntaxColor  id ="CodeColor_JavascriptClient"  text ="#990099"   />
         < syntaxColor  id ="CodeColor_JavascriptSpryKeywords"  text ="#FF6208"   />
         < syntaxColor  id ="CodeColor_JavascriptSpryClasses"  text ="#FF6208"   />
         < syntaxColor  id ="CodeColor_TemplateText"  text ="#999999"   />
         < syntaxColor  id ="CodeColor_TemplateCommentText"  text ="#006600"   />
         < syntaxColor  id ="CodeColor_TemplateCommentAttr"  text ="#006600"   />
         < syntaxColor  id ="CodeColor_CFCommentText"  text ="#000000"  bgcolor ="#FFFF99"   />
         < syntaxColor  id ="CodeColor_JavaJSP"  text ="#009999"   />
         < syntaxColor  id ="CodeColor_JavaImplicit"  text ="#999900"   />
         < syntaxColor  id ="CodeColor_JavaOther"  text ="#990099"   />
         < syntaxColor  id ="CodeColor_JSPPageOperator"  text ="#000000"   />
         < syntaxColor  id ="CodeColor_JSPTaglibOperator"  text ="#000000"   />
         < syntaxColor  id ="CodeColor_JSPIncludeOperator"  text ="#000000"   />
         < syntaxColor  id ="CodeColor_PHPScriptBlock"  text ="#FF0000"  bold ="true"   />
         < syntaxColor  id ="CodeColor_PHPScriptComment"  text ="#FF9900"   />
         < syntaxColor  id ="CodeColor_PHPScriptConstant"  text ="#552200"   />
         < syntaxColor  id ="CodeColor_PHPScriptString"  text ="#CC0000"   />
         < syntaxColor  id ="CodeColor_PHPScriptFunctionsKeywords"  text ="#0000FF"   />
         < syntaxColor  id ="CodeColor_PHPScriptReserved"  text ="#006600"   />
         < syntaxColor  id ="CodeColor_PHPScriptTypes"  text ="#009999"   />
         < syntaxColor  id ="CodeColor_PHPScriptVariables"  text ="#0066FF"   />
         < syntaxColor  id ="CodeColor_ASPIncludeAttributes"  text ="#990099"   />
         < syntaxColor  id ="CodeColor_ASPDirOperator"  text ="#000000"   />
         < syntaxColor  id ="CodeColor_LibraryText"  bgcolor ="#FFFFCC"   />
         < syntaxColor  id ="CodeColor_DateText"  bgcolor ="#FFFFCC"   />
         < syntaxColor  id ="CodeColor_ASPJSNative"  text ="#009999"   />
         < syntaxColor  id ="CodeColor_ASPJSKeywords"  text ="#990099"   />
         < syntaxColor  id ="CodeColor_ASPNetCSharpKeywords"  text ="#990099"   />
         < syntaxColor  id ="CodeColor_VBSNative"  text ="#990099"   />
         < syntaxColor  id ="CodeColor_VBSConstants"  text ="#009999"   />
         < syntaxColor  id ="CodeColor_VBNetNative"  text ="#990099"   />
         < syntaxColor  id ="CodeColor_VBNetConstants"  text ="#009999"   />
         < tagColor  id ="CodeColor_HTMLAnchor"  text ="#006600"   />
         < tagColor  id ="CodeColor_HTMLForm"  text ="#FF9900"   />
         < tagColor  id ="CodeColor_HTMLImage"  text ="#990099"   />
         < tagColor  id ="CodeColor_HTMLObject"  text ="#990000"   />
         < tagColor  id ="CodeColor_HTMLScript"  text ="#990000"   />
         < tagColor  id ="CodeColor_HTMLStyle"  text ="#990099"   />
         < tagColor  id ="CodeColor_HTMLTable"  text ="#009999"   />
         < syntaxColor  id ="CodeColor_SpryAttributes"  text ="#FF6208"   />
         < syntaxColor  id ="CodeColor_Spry_Tag_Normal"  bgcolor ="#F8D0AF"   />
         < syntaxColor  id ="CodeColor_Spry_Tag_Hover"  bgcolor ="#FF9B58"   />
         < syntaxColor  id ="CodeColor_Spry_Tag_Selected"  bgcolor ="#FF6D0C"   />
         < syntaxColor  id ="CodeColor_HTMLComment"  text ="#999999"   />
         < syntaxColor  id ="CodeColor_HTMLString"  text ="#0000FF"   />
         < syntaxColor  id ="CodeColor_HTMLNumber"  text ="#0000FF"   />
         < syntaxColor  id ="CodeColor_JavascriptFunction"  text ="#000000"  bold ="true"   />
         < syntaxColor  id ="CodeColor_JavascriptBracket"  text ="#000099"  bold ="true"   />
         < syntaxColor  id ="CodeColor_JavascriptReserved"  text ="#000099"  bold ="true"   />
         < syntaxColor  id ="CodeColor_JavascriptString"  text ="#0000FF"   />
         < syntaxColor  id ="CodeColor_JavascriptComment"  text ="#999999"   />
         < syntaxColor  id ="CodeColor_CSSSelector"  text ="#FF00FF"   />
         < syntaxColor  id ="CodeColor_CSSProperty"  text ="#000099"   />
         < syntaxColor  id ="CodeColor_CSSValue"  text ="#0000FF"   />
         < syntaxColor  id ="CodeColor_CSSImport"  text ="#009999"  bold ="true"   />
         < syntaxColor  id ="CodeColor_CSSMedia"  text ="#990000"  bold ="true"   />
         < syntaxColor  id ="CodeColor_CssKeywordImportant"  text ="#FF0000"  bold ="true"   />
         < tagColor  id ="DWTagLibrary_cfc"  text ="#990033"   />
         < tagColor  id ="DWTagLibrary_cfml"  text ="#990033"   />
         < syntaxColor  id ="CodeColor_ASPDirTagKeywords"  text ="#990033"   />
         < tagColor  id ="DWTagLibrary_aspnetmmtags"  text ="#990033"   />
         < tagColor  id ="DWTagLibrary_aspnettemplates"  text ="#990033"   />
         < tagColor  id ="DWTagLibrary_aspnet"  text ="#990033"   />
         < tagColor  id ="CodeColor_CFScriptTag"  text ="#990033"   />
         < syntaxColor  id ="CodeColor_ASPDirString"  text ="#0000FF"   />
         < syntaxColor  id ="CodeColor_ActionscriptProperty"  text ="#000084"   />
         < syntaxColor  id ="CodeColor_ActionscriptNative"  text ="#000084"   />
         < syntaxColor  id ="CodeColor_ActionscriptNumber"  text ="#000000"   />
         < syntaxColor  id ="CodeColor_ActionscriptFunction"  text ="#000084"   />
         < syntaxColor  id ="CodeColor_ActionscriptBracket"  text ="#000000"   />
         < syntaxColor  id ="CodeColor_ActionscriptOperator"  text ="#000000"   />
         < syntaxColor  id ="CodeColor_ActionscriptReserved"  text ="#000084"   />
         < syntaxColor  id ="CodeColor_ActionscriptString"  text ="#0000FF"   />
         < syntaxColor  id ="CodeColor_ActionscriptComment"  text ="#848284"   />
         < syntaxColor  id ="CodeColor_ActionscriptRemoting"  text ="#000084"   />
         < syntaxColor  id ="CodeColor_ASCommBracket"  text ="#000099"  bold ="true"   />
         < syntaxColor  id ="CodeColor_ASCommComment"  text ="#999999"   />
         < syntaxColor  id ="CodeColor_ASCommFunction"  text ="#000000"  bold ="true"   />
         < syntaxColor  id ="CodeColor_ASCommNative"  text ="#009999"   />
         < syntaxColor  id ="CodeColor_ASCommNumber"  text ="#FF0000"   />
         < syntaxColor  id ="CodeColor_ASCommReserved"  text ="#000099"   />
         < syntaxColor  id ="CodeColor_ASCommString"  text ="#0000FF"   />
         < syntaxColor  id ="CodeColor_ASRemoteBracket"  text ="#000099"  bold ="true"   />
         < syntaxColor  id ="CodeColor_ASRemoteComment"  text ="#999999"   />
         < syntaxColor  id ="CodeColor_ASRemoteFunction"  text ="#000000"  bold ="true"   />
         < syntaxColor  id ="CodeColor_ASRemoteNative"  text ="#009999"   />
         < syntaxColor  id ="CodeColor_ASRemoteNumber"  text ="#FF0000"   />
         < syntaxColor  id ="CodeColor_ASRemoteReserved"  text ="#000099"   />
         < syntaxColor  id ="CodeColor_ASRemoteString"  text ="#0000FF"   />
     </ colorGroup >
     < colorGroup  doctypes ="CSS" >
         < syntaxColor  id ="CodeColor_CSSImport"  text ="#666"  bold ="true"   />
         < syntaxColor  id ="CodeColor_CSSMedia"  text ="#900"  bold ="true"   />
         < syntaxColor  id ="CodeColor_CssKeywordImportant"  text ="#F00"  bold ="true"   />
         < syntaxColor  id ="CodeColor_CSSSelector"  text ="#7CB7F1"   />
         < syntaxColor  id ="CodeColor_CSSValue"  text ="#F0EB8E"   />
         < syntaxColor  id ="CodeColor_CSSProperty"  text ="#8FE28F"   />
         < syntaxColor  id ="CodeColor_CSSComment"  text ="#CCC"   />
         < syntaxColor  id ="CodeColor_CSSString"  text ="#FF0"   />
     </ colorGroup >
     < colorGroup  doctypes ="HTML" >
         < syntaxColor  id ="CodeColor_AspIncludeDirDefaultText"  text ="#000"   />
         < syntaxColor  id ="CodeColor_ASPIncludeAttributes"  text ="#909"   />
         < syntaxColor  id ="CodeColor_ASPIncludeString"  text ="#060"   />
         < tagColor  id ="CodeColor_CFScriptTag"  text ="#903"   />
         < syntaxColor  id ="CodeColor_CSSImport"  text ="#666"  bold ="true"   />
         < syntaxColor  id ="CodeColor_CSSMedia"  text ="#CC0"   />
         < syntaxColor  id ="CodeColor_CssKeywordImportant"  text ="#FF0"   />
         < syntaxColor  id ="CodeColor_CSSSelector"  text ="#8fe28f"   />
         < syntaxColor  id ="CodeColor_CSSValue"  text ="#B44781"   />
         < syntaxColor  id ="CodeColor_CSSProperty"  text ="#7E9F74"   />
         < syntaxColor  id ="CodeColor_CSSComment"  text ="#BBB"   />
         < syntaxColor  id ="CodeColor_CSSString"  text ="#DB0057"   />
         < tagColor  id ="CodeColor_HTMLAnchor"  text ="#6DB7F1"   />
         < tagColor  id ="CodeColor_HTMLForm"  text ="#F90"   />
         < tagColor  id ="CodeColor_HTMLImage"  text ="#B44781"   />
         < tagColor  id ="CodeColor_HTMLObject"  text ="#900"   />
         < tagColor  id ="CodeColor_HTMLScript"  text ="#FF0"   />
         < tagColor  id ="CodeColor_HTMLStyle"  text ="#FF0"   />
         < tagColor  id ="CodeColor_HTMLTable"  text ="#62B773"   />
         < tagColor  id ="DWTagLibrary_html"  text ="#8fe27b"   />
         < syntaxColor  id ="CodeColor_HTMLTag"  text ="#BBB"   />
         < syntaxColor  id ="CodeColor_HTMLNumber"  text ="#FFF"   />
         < syntaxColor  id ="CodeColor_HTMLEntity"  text ="#666"  bold ="true"   />
         < syntaxColor  id ="CodeColor_HTMLText"  text ="#C3D3D7"   />
         < syntaxColor  id ="CodeColor_HTMLString"  text ="#f0eb8e"   />
         < syntaxColor  id ="CodeColor_HTMLComment"  text ="#BBB"   />
         < syntaxColor  id ="CodeColor_JavascriptRegexp"  text ="#060"   />
         < syntaxColor  id ="CodeColor_JavascriptReserved"  text ="#CC0"  bold ="true"   />
         < syntaxColor  id ="CodeColor_JavascriptNative"  text ="#099"   />
         < syntaxColor  id ="CodeColor_JavascriptIdentifier"  text ="#9C0"   />
         < syntaxColor  id ="CodeColor_JavascriptFunction"  text ="#FFF"  bold ="true"   />
         < syntaxColor  id ="CodeColor_JavascriptClient"  text ="#9C0"   />
         < syntaxColor  id ="CodeColor_JavascriptBracket"  text ="#FFF"  bold ="true"   />
         < syntaxColor  id ="CodeColor_JavaScriptDefaultText"  text ="#FFF"   />
         < syntaxColor  id ="CodeColor_JavascriptNumber"  text ="#B44781"   />
         < syntaxColor  id ="CodeColor_JavascriptOperator"  text ="#CC0"   />
         < syntaxColor  id ="CodeColor_JavascriptComment"  text ="#BBB"   />
         < syntaxColor  id ="CodeColor_JavascriptString"  text ="#68A2B0"   />
         < tagColor  id ="DWTagLibrary_templates"  text ="#009"   />
         < syntaxColor  id ="CodeColor_LibraryText"  text ="#000"  bgcolor ="#FFC"   />
         < syntaxColor  id ="CodeColor_DateText"  text ="#000"  bgcolor ="#FFC"   />
         < syntaxColor  id ="CodeColor_TemplateText"  text ="#999"   />
         < syntaxColor  id ="CodeColor_TemplateCommentText"  text ="#060"   />
         < syntaxColor  id ="CodeColor_TemplateCommentAttr"  text ="#060"   />
     </ colorGroup >
</ codeColors >

覆盖后还要在 ctrl + U -> 代码颜色 -> html 默认背景色改为：#3f3f3f，如果不合自己心意也可以在配色方案中进行更改。

(配色方案在下方预览窗口中直接点击寻找代码更改颜色) 。

aptana 2.0下需要在html,css,js配置选项中导入以下文件。

安装颜色配置文件js,csshtml：

比如安装HTML配置文件：
打开  窗口->首选项->Aptana->HTML->Colors
选择里面 Import...

aptana主题文件下载：

aptana-theme