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:
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* 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 */ |
A software engineering toolkit 🛠 