Problem
I’d like to improve readability of the code on this blog by highlighting syntax, solarized ideally.
Solution
Jekyll makes syntax highlighting easy, and the following gist makes solarization easy too:
/* Solarized Light | |
For use with Jekyll and Pygments | |
http://ethanschoonover.com/solarized | |
SOLARIZED HEX ROLE | |
——— ——– —————————————— | |
base01 #586e75 body text / default code / primary content | |
base1 #93a1a1 comments / secondary content | |
base3 #fdf6e3 background | |
orange #cb4b16 constants | |
red #dc322f regex, special keywords | |
blue #268bd2 reserved keywords | |
cyan #2aa198 strings, numbers | |
green #859900 operators, other keywords | |
*/ | |
.highlight { background-color: #fdf6e3; color: #586e75 } | |
.highlight .c { color: #93a1a1 } /* Comment */ | |
.highlight .err { color: #586e75 } /* Error */ | |
.highlight .g { color: #586e75 } /* Generic */ | |
.highlight .k { color: #859900 } /* Keyword */ | |
.highlight .l { color: #586e75 } /* Literal */ | |
.highlight .n { color: #586e75 } /* Name */ | |
.highlight .o { color: #859900 } /* Operator */ | |
.highlight .x { color: #cb4b16 } /* Other */ | |
.highlight .p { color: #586e75 } /* Punctuation */ | |
.highlight .cm { color: #93a1a1 } /* Comment.Multiline */ | |
.highlight .cp { color: #859900 } /* Comment.Preproc */ | |
.highlight .c1 { color: #93a1a1 } /* Comment.Single */ | |
.highlight .cs { color: #859900 } /* Comment.Special */ | |
.highlight .gd { color: #2aa198 } /* Generic.Deleted */ | |
.highlight .ge { color: #586e75; font-style: italic } /* Generic.Emph */ | |
.highlight .gr { color: #dc322f } /* Generic.Error */ | |
.highlight .gh { color: #cb4b16 } /* Generic.Heading */ | |
.highlight .gi { color: #859900 } /* Generic.Inserted */ | |
.highlight .go { color: #586e75 } /* Generic.Output */ | |
.highlight .gp { color: #586e75 } /* Generic.Prompt */ | |
.highlight .gs { color: #586e75; font-weight: bold } /* Generic.Strong */ | |
.highlight .gu { color: #cb4b16 } /* Generic.Subheading */ | |
.highlight .gt { color: #586e75 } /* Generic.Traceback */ | |
.highlight .kc { color: #cb4b16 } /* Keyword.Constant */ | |
.highlight .kd { color: #268bd2 } /* Keyword.Declaration */ | |
.highlight .kn { color: #859900 } /* Keyword.Namespace */ | |
.highlight .kp { color: #859900 } /* Keyword.Pseudo */ | |
.highlight .kr { color: #268bd2 } /* Keyword.Reserved */ | |
.highlight .kt { color: #dc322f } /* Keyword.Type */ | |
.highlight .ld { color: #586e75 } /* Literal.Date */ | |
.highlight .m { color: #2aa198 } /* Literal.Number */ | |
.highlight .s { color: #2aa198 } /* Literal.String */ | |
.highlight .na { color: #586e75 } /* Name.Attribute */ | |
.highlight .nb { color: #B58900 } /* Name.Builtin */ | |
.highlight .nc { color: #268bd2 } /* Name.Class */ | |
.highlight .no { color: #cb4b16 } /* Name.Constant */ | |
.highlight .nd { color: #268bd2 } /* Name.Decorator */ | |
.highlight .ni { color: #cb4b16 } /* Name.Entity */ | |
.highlight .ne { color: #cb4b16 } /* Name.Exception */ | |
.highlight .nf { color: #268bd2 } /* Name.Function */ | |
.highlight .nl { color: #586e75 } /* Name.Label */ | |
.highlight .nn { color: #586e75 } /* Name.Namespace */ | |
.highlight .nx { color: #586e75 } /* Name.Other */ | |
.highlight .py { color: #586e75 } /* Name.Property */ | |
.highlight .nt { color: #268bd2 } /* Name.Tag */ | |
.highlight .nv { color: #268bd2 } /* Name.Variable */ | |
.highlight .ow { color: #859900 } /* Operator.Word */ | |
.highlight .w { color: #586e75 } /* Text.Whitespace */ | |
.highlight .mf { color: #2aa198 } /* Literal.Number.Float */ | |
.highlight .mh { color: #2aa198 } /* Literal.Number.Hex */ | |
.highlight .mi { color: #2aa198 } /* Literal.Number.Integer */ | |
.highlight .mo { color: #2aa198 } /* Literal.Number.Oct */ | |
.highlight .sb { color: #93a1a1 } /* Literal.String.Backtick */ | |
.highlight .sc { color: #2aa198 } /* Literal.String.Char */ | |
.highlight .sd { color: #586e75 } /* Literal.String.Doc */ | |
.highlight .s2 { color: #2aa198 } /* Literal.String.Double */ | |
.highlight .se { color: #cb4b16 } /* Literal.String.Escape */ | |
.highlight .sh { color: #586e75 } /* Literal.String.Heredoc */ | |
.highlight .si { color: #2aa198 } /* Literal.String.Interpol */ | |
.highlight .sx { color: #2aa198 } /* Literal.String.Other */ | |
.highlight .sr { color: #dc322f } /* Literal.String.Regex */ | |
.highlight .s1 { color: #2aa198 } /* Literal.String.Single */ | |
.highlight .ss { color: #2aa198 } /* Literal.String.Symbol */ | |
.highlight .bp { color: #268bd2 } /* Name.Builtin.Pseudo */ | |
.highlight .vc { color: #268bd2 } /* Name.Variable.Class */ | |
.highlight .vg { color: #268bd2 } /* Name.Variable.Global */ | |
.highlight .vi { color: #268bd2 } /* Name.Variable.Instance */ | |
.highlight .il { color: #2aa198 } /* Literal.Number.Integer.Long */ |