Jan 29, 2009

← All articles
  • Make each of , ; : . separately configurable
  • Split out new and this
  • Split out [], (), {}
HiLink javaScriptComment                jsComment
HiLink javaScriptLineComment            jsComment
HiLink javaScriptCommentTodo            jsTodo
HiLink javaScriptSpecial                jsSpecial
HiLink javaScriptStringS                jsString
HiLink javaScriptStringD                jsString
HiLink javaScriptCharacter              jsCharacter
HiLink javaScriptSpecialCharacter       jsSpecial
HiLink javaScriptException              jsException
HiLink javaScriptNumber                 jsNumber
HiLink javaScriptOp                     jsOperator
HiLink javaScriptDOT                    jsDOT
HiLink javaScriptColon                  jsColon
HiLink javaScriptSemiColon              jsSemiColon
HiLink javaScriptComma                  jsComma
HiLink javaScriptNew                    jsNew
HiLink javaScriptConditional            jsConditional
HiLink javaScriptRepeat                 jsRepeat
HiLink javaScriptBranch                 jsBranch
HiLink javaScriptOperator               jsOperator
HiLink javaScriptType                   jsType
HiLink javaScriptThis                   jsThis
HiLink javaScriptStatement              jsStatement
HiLink javaScriptFunction               jsFunction
HiLink javaScriptBraces                 jsBrace
HiLink javaScriptBracket                jsBracket
HiLink javaScriptBlock                  jsBlock
HiLink javaScriptParen                  jsParen
HiLink javaScriptError                  jsError
HiLink javaScrParenError                jsError
HiLink javaScriptNull                   jsNull
HiLink javaScriptPredef                 jsGlobalObject
HiLink javaScriptHTMLVars               jsHTMLVars
HiLink javaScriptHTMLFunc               jsHTMLFunc
HiLink javaScriptHTMLEvents             jsHTMLEvent
HiLink javaScriptDOMConst               jsDOMConst
HiLink javaScriptDOMErr                 jsDOMError
HiLink javaScriptDOMAttrib              jsDOMAttribute
HiLink javaScriptDOMFunc                jsDOMFunction
HiLink javaScriptBoolean                jsBoolean
HiLink javaScriptRegexpString           jsRegexp

Split the colors up further and made javascript keywords manageable on their own. Here’s what got added on top of the base colors:

hi jsComment        cterm=none      ctermfg=97
hi jsPrototype      cterm=none      ctermfg=50
hi jsFunction       cterm=none      ctermfg=202
hi jsOperator       cterm=none      ctermfg=82
hi jsDOT            cterm=none      ctermfg=49
hi jsColon          cterm=none      ctermfg=82
hi jsSemiColon      cterm=none      ctermfg=215
hi jsComma          cterm=none      ctermfg=111
hi jsString         cterm=none      ctermfg=223     ctermbg=234
hi jsSpecial        cterm=none      ctermfg=151     ctermbg=234
hi jsCharacter      cterm=none      ctermfg=131     ctermbg=233
hi jsException      cterm=none      ctermfg=201     ctermbg=234

hi jsGlobalObject   cterm=none      ctermfg=208

hi jsBlock          cterm=none      ctermfg=89
hi jsBracket        cterm=none      ctermfg=207
hi jsParen          cterm=none      ctermfg=196

hi jsRegexp         cterm=none      ctermfg=192     ctermbg=233
hi jsConditional    cterm=none      ctermfg=220
hi jsBranch         cterm=none      ctermfg=202
hi jsRepeat         cterm=none      ctermfg=220
hi jsStatement      cterm=none      ctermfg=190

hi jsType           cterm=none      ctermfg=45
hi jsThis           cterm=none      ctermfg=79
hi jsNew            cterm=none      ctermfg=51
hi jsNull           cterm=none      ctermfg=95
hi jsNumber         cterm=none      ctermfg=87    ctermbg=234
hi jsBoolean        cterm=none      ctermfg=82
hi jsLabel          cterm=none      ctermfg=81

hi jsHTMLVars       cterm=none      ctermfg=145
hi jsHTMLFunc       cterm=none      ctermfg=153
hi jsHTMLEvent      cterm=none      ctermfg=207
hi jsDOMConst       cterm=none      ctermfg=201
hi jsDOMError       cterm=none      ctermfg=201
hi jsDOMAttribute   cterm=none      ctermfg=109
jsDOMFunction    cterm=none      ctermfg=155

The vim 256 color chart is here: http://www.calmar.ws/vim/256-xterm-24bit-rgb-color-chart.html

Shell config (.bashrc, .zshrc, etc.):

set background=dark
set t_Co=256

The highlighted result:

screenshot