<div id="readability-page-1" class="page"><div data-astro-cid-57z6rh23=""><ul>
<li>Make each of <code>, ; : .</code> separately configurable</li>
<li>Split out <code>new</code> and <code>this</code></li>
<li>Split out <code>[]</code>, <code>()</code>, <code>{}</code></li>
</ul>
<pre tabindex="0" data-language="shell"><code>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</code></pre>
Split the colors up further and made javascript keywords manageable on their own.
Here’s what got added on top of the base colors:
<pre tabindex="0" data-language="shell"><code>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</code></pre>
The vim 256 color chart is here: <a href="http://www.calmar.ws/vim/256-xterm-24bit-rgb-color-chart.html">http://www.calmar.ws/vim/256-xterm-24bit-rgb-color-chart.html</a>
Shell config (.bashrc, .zshrc, etc.):
<pre tabindex="0" data-language="shell"><code>set background=dark
set t_Co=256</code></pre>
The highlighted result:
<a href="/images/articles/tt-20090129/vimcolor.png"><img src="https://oeoe.io/images/articles/tt-20090129/vimcolor.png" alt="screenshot" loading="lazy" decoding="async" width="591" height="550"></a></div></div>

oeoe.io · Articles

Jeong-Un, Kim

- Make each of , ; : . separately configurable - Split out new and this - Split out [], (), {} Split the colors up further and made javascript keywords…

VIM javascript Syntax highlighting

댓글