Solarized for google-code-prettify

我用 google-code-prettify 來做 blog 文章中的代碼上色,google-code-prettify 本身有附上幾個 Color Scheme, 然而除了預設的之外,都是以暗色背景為主。 昨天心血來潮將 Solarized 這個 Color Scheme 移植到 google-code-prettify 下,同樣也是 dark/light 雙版本。關於 Solarized 的介紹可以參考這篇文章。 下載 / Download Solarized Light Download Normal version Download Minified version Solarized Dark Download Normal version Download Minified version 代碼 / Code Solarized Light 正常排版版本 (download): .pln{color:#657b83} @media screen{ .str{color:#2aa198} .kwd{color:#859900} .com{color:#93a1a1} .typ{color:#b58900} .lit{color:#2aa198} .pun,.opn,.clo{color:#657b83} .tag{color:#268bd2} .atn{color:#93a1a1} .atv{color:#2aa198} .dec,.var{color:#268bd2} .fun{color:red} } @media print,projection{ .str{color:#060} .kwd{color:#006;font-weight:bold} .com{color:#600;font-style:italic} .typ{color:#404;font-weight:bold} .lit{color:#044} .pun{color:#440} .tag{color:#006;font-weight:bold} .atn{color:#404} .atv{color:#060} } pre.prettyprint{padding:5px;border:1px solid #888;background:#fdf6e3} ol.linenums{margin-top:0;margin-bottom:0} li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style-type:none} li.L1,li.L3,li.L5,li.L7,li.L9{background:#eee} 最小化版本 (download): ...

March 11, 2012 · 1 min · Tzeng Yuxio

代碼配色,從 Zenburn 到 Solarized

這些年來,我的代碼配色方案都是以 zenburn 為首選。深色底,低對比,對眼睛舒服,代碼的段落也清晰。zenburn 也是網路上很受歡迎的配色,這有一個好處,就是越多人用就越有可能被 porting 到不同的 IDE 或 Editor 上,所以從 Visual Studio 到 Eclipse 再到 XCode 都可以找到現成的 zenburn 設定。 上圖就是目前在用的 zenburn。由於用這麼久都已經習慣了,從沒有想過會有第二種配色讓我如此滿意,結果前天突然發現 Solarized 這一組配色,當場就被迷住了,我才認識這組配色不到 24 小時,就把 zenburn 從我的 vimrc 中換掉了。 ...

February 10, 2012 · 2 min · Tzeng Yuxio