From b5b20cb379a0af387a0a6b9e2f7558478b6dc10f Mon Sep 17 00:00:00 2001 From: Ricky Miller Date: Thu, 29 Sep 2022 02:52:08 +0900 Subject: [PATCH] Change code highlighting theme to fix low contrast in code blocks (#249) --- _sass/jekyll-theme-slate.scss | 2 +- _sass/rouge-github.scss | 209 ---------------------------------- _sass/rouge-monokai-dark.scss | 81 +++++++++++++ 3 files changed, 82 insertions(+), 210 deletions(-) delete mode 100644 _sass/rouge-github.scss create mode 100644 _sass/rouge-monokai-dark.scss diff --git a/_sass/jekyll-theme-slate.scss b/_sass/jekyll-theme-slate.scss index f894778b..01d504c1 100644 --- a/_sass/jekyll-theme-slate.scss +++ b/_sass/jekyll-theme-slate.scss @@ -1,4 +1,4 @@ -@import "rouge-github"; +@import "rouge-monokai-dark"; /******************************************************************************* MeyerWeb Reset diff --git a/_sass/rouge-github.scss b/_sass/rouge-github.scss deleted file mode 100644 index 9c42385a..00000000 --- a/_sass/rouge-github.scss +++ /dev/null @@ -1,209 +0,0 @@ -.highlight table td { padding: 5px; } -.highlight table pre { margin: 0; } -.highlight .cm { - color: #777772; - font-style: italic; -} -.highlight .cp { - color: #797676; - font-weight: bold; -} -.highlight .c1 { - color: #777772; - font-style: italic; -} -.highlight .cs { - color: #797676; - font-weight: bold; - font-style: italic; -} -.highlight .c, .highlight .cd { - color: #777772; - font-style: italic; -} -.highlight .err { - color: #a61717; - background-color: #e3d2d2; -} -.highlight .gd { - color: #000000; - background-color: #ffdddd; -} -.highlight .ge { - color: #000000; - font-style: italic; -} -.highlight .gr { - color: #aa0000; -} -.highlight .gh { - color: #797676; -} -.highlight .gi { - color: #000000; - background-color: #ddffdd; -} -.highlight .go { - color: #888888; -} -.highlight .gp { - color: #555555; -} -.highlight .gs { - font-weight: bold; -} -.highlight .gu { - color: #aaaaaa; -} -.highlight .gt { - color: #aa0000; -} -.highlight .kc { - color: #000000; - font-weight: bold; -} -.highlight .kd { - color: #000000; - font-weight: bold; -} -.highlight .kn { - color: #000000; - font-weight: bold; -} -.highlight .kp { - color: #000000; - font-weight: bold; -} -.highlight .kr { - color: #000000; - font-weight: bold; -} -.highlight .kt { - color: #445588; - font-weight: bold; -} -.highlight .k, .highlight .kv { - color: #000000; - font-weight: bold; -} -.highlight .mf { - color: #009999; -} -.highlight .mh { - color: #009999; -} -.highlight .il { - color: #009999; -} -.highlight .mi { - color: #009999; -} -.highlight .mo { - color: #009999; -} -.highlight .m, .highlight .mb, .highlight .mx { - color: #009999; -} -.highlight .sb { - color: #d14; -} -.highlight .sc { - color: #d14; -} -.highlight .sd { - color: #d14; -} -.highlight .s2 { - color: #d14; -} -.highlight .se { - color: #d14; -} -.highlight .sh { - color: #d14; -} -.highlight .si { - color: #d14; -} -.highlight .sx { - color: #d14; -} -.highlight .sr { - color: #009926; -} -.highlight .s1 { - color: #d14; -} -.highlight .ss { - color: #990073; -} -.highlight .s { - color: #d14; -} -.highlight .na { - color: #008080; -} -.highlight .bp { - color: #797676; -} -.highlight .nb { - color: #0086B3; -} -.highlight .nc { - color: #445588; - font-weight: bold; -} -.highlight .no { - color: #008080; -} -.highlight .nd { - color: #3c5d5d; - font-weight: bold; -} -.highlight .ni { - color: #800080; -} -.highlight .ne { - color: #990000; - font-weight: bold; -} -.highlight .nf { - color: #990000; - font-weight: bold; -} -.highlight .nl { - color: #990000; - font-weight: bold; -} -.highlight .nn { - color: #555555; -} -.highlight .nt { - color: #000080; -} -.highlight .vc { - color: #008080; -} -.highlight .vg { - color: #008080; -} -.highlight .vi { - color: #008080; -} -.highlight .nv { - color: #008080; -} -.highlight .ow { - color: #000000; - font-weight: bold; -} -.highlight .o { - color: #000000; - font-weight: bold; -} -.highlight .w { - color: #bbbbbb; -} -.highlight { - background-color: #f8f8f8; -} \ No newline at end of file diff --git a/_sass/rouge-monokai-dark.scss b/_sass/rouge-monokai-dark.scss new file mode 100644 index 00000000..a2ef585c --- /dev/null +++ b/_sass/rouge-monokai-dark.scss @@ -0,0 +1,81 @@ +.highlight table td { padding: 5px; } +.highlight table pre { margin: 0; } +.highlight, .highlight .w { + color: #f8f8f2; + background-color: #272822; +} +.highlight .err { + color: #272822; + background-color: #f92672; +} +.highlight .c, .highlight .ch, .highlight .cd, .highlight .cm, .highlight .cpf, .highlight .c1, .highlight .cs { + color: #75715e; +} +.highlight .cp { + color: #f4bf75; +} +.highlight .nt { + color: #f4bf75; +} +.highlight .o, .highlight .ow { + color: #f8f8f2; +} +.highlight .p, .highlight .pi { + color: #f8f8f2; +} +.highlight .gi { + color: #a6e22e; +} +.highlight .gd { + color: #f92672; +} +.highlight .gh { + color: #66d9ef; + background-color: #272822; + font-weight: bold; +} +.highlight .k, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kv { + color: #ae81ff; +} +.highlight .kc { + color: #fd971f; +} +.highlight .kt { + color: #fd971f; +} +.highlight .kd { + color: #fd971f; +} +.highlight .s, .highlight .sb, .highlight .sc, .highlight .dl, .highlight .sd, .highlight .s2, .highlight .sh, .highlight .sx, .highlight .s1 { + color: #a6e22e; +} +.highlight .sa { + color: #ae81ff; +} +.highlight .sr { + color: #a1efe4; +} +.highlight .si { + color: #cc6633; +} +.highlight .se { + color: #cc6633; +} +.highlight .nn { + color: #f4bf75; +} +.highlight .nc { + color: #f4bf75; +} +.highlight .no { + color: #f4bf75; +} +.highlight .na { + color: #66d9ef; +} +.highlight .m, .highlight .mb, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mx { + color: #a6e22e; +} +.highlight .ss { + color: #a6e22e; +}