markdown_views 2.4.1 → 3.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 856a7600f57c402af8e899bb6444dc4776380b66e260c6673b849277f8d7b480
-  data.tar.gz: 953208eb9aee28ed0b542236ad41f33429417c458e452eb202a9d1d386e95655
+  metadata.gz: 82d69e29bd99ca8edec88eddfb8703b06caf81a348fe9b971a021eba28011f40
+  data.tar.gz: 6f641457f1476765f1b44d0b426aba749dbd7f8f5905f96016cd3793bc48d372
 SHA512:
-  metadata.gz: 855af2f67b0817c791ea31b8450bbd80734019d71e79d00ebcdf1bf0b6b20d3fc048493af2153adf05907bf19f096c276e9a31415b227c93c4431836c7d31542
-  data.tar.gz: 816bf8266bf026afdfa92017155d61b6ef0665a0d3e496522b432efb7d33e9d65e30b2358f585e2958d18764e35f541b45a7cbd01882c4505e1c87766fdb5189
+  metadata.gz: '030611799d4e21aa2a2b74b7db00071c45d731c492d492cdd3b6a648a1ad625b7eb12d396cee82f38b30e5ab4631bc809ff7f86b99868d610dda82aa9fa063d5'
+  data.tar.gz: 2a6df42fd00278c2e92b2e049f7f4e03fd4089050fce90f36bded628b7e1b051ec51e668ee1873c59d90a0b2e29fac5d987bcfb025ebadd55282f88061895f82

data/Gemfile.lock

@@ -1,10 +1,11 @@
 PATH
   remote: .
   specs:
-    markdown_views (2.4.1)
-      commonmarker (>= 0.18.2, < 0.24)
-      rails (>= 5.0, < 8.1)
-      rouge (>= 3.3, < 5.0)
+    markdown_views (3.0.0)
+      commonmarker (~> 1.1)
+      rails (>= 6.1, < 8.1)
+      rouge (~> 4)
+      securerandom
 
 GEM
   remote: https://rubygems.org/
@@ -85,7 +86,8 @@ GEM
     benchmark (0.3.0)
     bigdecimal (3.1.8)
     builder (3.3.0)
-    commonmarker (0.23.10)
+    commonmarker (1.1.5)
+      rb_sys (~> 0.9)
     concurrent-ruby (1.3.4)
     connection_pool (2.4.1)
     crass (1.0.6)
@@ -138,9 +140,8 @@ GEM
       rack (>= 3.0.0)
     rack-test (2.1.0)
       rack (>= 1.3)
-    rackup (2.1.0)
+    rackup (2.2.0)
       rack (>= 3)
-      webrick (~> 1.8)
     rails (7.2.2)
       actioncable (= 7.2.2)
       actionmailbox (= 7.2.2)
@@ -171,6 +172,7 @@ GEM
       thor (~> 1.0, >= 1.2.2)
       zeitwerk (~> 2.6)
     rake (13.2.1)
+    rb_sys (0.9.102)
     rdoc (6.7.0)
       psych (>= 4.0.0)
     reline (0.5.10)
@@ -184,7 +186,6 @@ GEM
     tzinfo (2.0.6)
       concurrent-ruby (~> 1.0)
     useragent (0.16.10)
-    webrick (1.9.0)
     websocket-driver (0.7.6)
       websocket-extensions (>= 0.1.0)
     websocket-extensions (0.1.5)

data/README.md

@@ -1,6 +1,6 @@
 # MarkdownViews
 
-MarkdownViews enables Rails 5-8+ to process .md templates as part of `app/views/`, with optional preprocessing of ERB, HAML, etc. A `markdown()` helper is also provided for when you need Markdown for only part of a view.
+MarkdownViews enables Rails to process .md templates as part of `app/views/`, with optional preprocessing of ERB, HAML, etc. A `markdown()` helper is also provided for when you need Markdown for only part of a view.
 
 It uses CommonMarker for markdown processing and Rouge for syntax highlighting.
 
@@ -44,16 +44,16 @@ By default, all .md files are preprocessed with ERB (making them effectively .md
 
 CommonMarker's rendering can also be configured. See [CommonMarker's documentation](https://github.com/gjtorikian/commonmarker#options-and-plugins) for available options.
 
-    MarkdownViews.parsing_opts -= %i(UNSAFE)
+    MarkdownViews.parsing_opts.merge! smart: false
 
-    MarkdownViews.rendering_opts -= %i(UNSAFE TABLE_PREFER_STYLE_ATTRIBUTES)
+    MarkdownViews.rendering_opts.merge! unsafe: false
 
-    MarkdownViews.extensions -= %i(autolink)
+    MarkdownViews.extensions.merge! tasklist: true
 
 Likewise, Rouge can be configured:
 
     # Use inline formatting:
-    MarkdownViews.rouge_opts.merge! formatter: Rouge::Formatters::HTMLInline.new('pastie')
+    MarkdownViews.rouge_opts.merge! formatter: Rouge::Formatters::HTMLInline.new('monokai')
 
     # Enable line numbers:
     MarkdownViews.rouge_opts.merge!(
@@ -81,15 +81,16 @@ And then execute:
 
 ## Gem versions
 
-The 0.x series used RedCarpet and CodeRay.
-(There was no 1.x series.)
-The 2.x series uses CommonMarker and Rouge.
+The 3.x series uses CommonMarker 1.x and Rouge. It is compatible with Rails 6.1-8+.
+The 2.x series uses CommonMarker 0.x and Rouge. It is compatible with Rails 5.0-8.0.
 
-#### Upgrading from 0.x to 2.x
+#### Upgrading from 2.x to 3.x
 
-The configuration options have changed. The defaults are roughly the same as before. However, if you had customized them previously, then it will need to be revisited.
+CommonMarker 1.x swapped out the underlying parser. While the rendered markdown output is very similar, the configuration flags were reworked. This gem's defaults are roughly the same as before. However, if your configuration was previously customized, it will need to be updated.
 
-Similarly, the provided stylesheets for syntax highlighting have been changed. If you were importing the 'coderay' stylesheet before, then a new stylesheet will need to be selected. Try 'rouge.colorful' or one of the others included in app/assets/stylesheets.
+CommonMarker 1's new syntax highlighting is not used, with preference instead given to Rouge. This preserves rendering compatibility, including existing stylesheets.
+
+The stylesheets were refreshed from Rouge 4.4 which corrects a few missing CSS selectors. The github stylesheet was also renamed from `rouge.github` to `rouge.github.light`.
 
 
 ## Contributing
@@ -99,3 +100,8 @@ Similarly, the provided stylesheets for syntax highlighting have been changed. I
 3. Commit your changes (`git commit -am 'Add some feature'`)
 4. Push to the branch (`git push origin my-new-feature`)
 5. Create new Pull Request
+
+
+## License
+
+MIT

data/Rakefile

@@ -1,11 +1,11 @@
 require "bundler/gem_tasks"
 require "rake/testtask"
 
-task :generate_stylesheet do
-  %w( base16.light base16.dark base16.solarized.light base16.solarized.dark
-      base16.monokai.light base16.monokai.dark colorful github
-      gruvbox.light gruvbox.dark igorpro molokai monokai monokai.sublime
-      pastie thankful_eyes tulip
+task :generate_stylesheets do
+  %w( base16.dark base16.light base16.monokai.dark base16.monokai.light
+      base16.solarized.dark base16.solarized.light bw colorful
+      github.dark github.light gruvbox.dark gruvbox.light igorpro molokai
+      monokai monokai.sublime pastie thankful_eyes tulip
   ).each do |theme|
     `rougify style #{theme} --scope .rouge-highlight > app/assets/stylesheets/rouge.#{theme}.css`
   end

data/app/assets/stylesheets/rouge.base16.dark.css

@@ -1,78 +1,91 @@
 .rouge-highlight table td { padding: 5px; }
 .rouge-highlight table pre { margin: 0; }
 .rouge-highlight, .rouge-highlight .w {
-  color: #d0d0d0;
-  background-color: #151515;
+  color: #d8d8d8;
+  background-color: #181818;
 }
 .rouge-highlight .err {
-  color: #151515;
-  background-color: #ac4142;
+  color: #181818;
+  background-color: #ab4642;
 }
-.rouge-highlight .c, .rouge-highlight .cd, .rouge-highlight .cm, .rouge-highlight .c1, .rouge-highlight .cs {
-  color: #505050;
+.rouge-highlight .c, .rouge-highlight .ch, .rouge-highlight .cd, .rouge-highlight .cm, .rouge-highlight .cpf, .rouge-highlight .c1, .rouge-highlight .cs {
+  color: #585858;
 }
 .rouge-highlight .cp {
-  color: #f4bf75;
+  color: #f7ca88;
 }
 .rouge-highlight .nt {
-  color: #f4bf75;
+  color: #f7ca88;
 }
 .rouge-highlight .o, .rouge-highlight .ow {
-  color: #d0d0d0;
+  color: #d8d8d8;
 }
 .rouge-highlight .p, .rouge-highlight .pi {
-  color: #d0d0d0;
+  color: #d8d8d8;
 }
 .rouge-highlight .gi {
-  color: #90a959;
+  color: #a1b56c;
 }
 .rouge-highlight .gd {
-  color: #ac4142;
+  color: #ab4642;
 }
 .rouge-highlight .gh {
-  color: #6a9fb5;
-  background-color: #151515;
+  color: #7cafc2;
+  background-color: #181818;
+  font-weight: bold;
+}
+.rouge-highlight .ge {
+  font-style: italic;
+}
+.rouge-highlight .ges {
+  font-weight: bold;
+  font-style: italic;
+}
+.rouge-highlight .gs {
   font-weight: bold;
 }
 .rouge-highlight .k, .rouge-highlight .kn, .rouge-highlight .kp, .rouge-highlight .kr, .rouge-highlight .kv {
-  color: #aa759f;
+  color: #ba8baf;
 }
 .rouge-highlight .kc {
-  color: #d28445;
+  color: #dc9656;
 }
 .rouge-highlight .kt {
-  color: #d28445;
+  color: #dc9656;
 }
 .rouge-highlight .kd {
-  color: #d28445;
+  color: #dc9656;
+}
+.rouge-highlight .s, .rouge-highlight .sb, .rouge-highlight .sc, .rouge-highlight .dl, .rouge-highlight .sd, .rouge-highlight .s2, .rouge-highlight .sh, .rouge-highlight .sx, .rouge-highlight .s1 {
+  color: #a1b56c;
 }
-.rouge-highlight .s, .rouge-highlight .sb, .rouge-highlight .sc, .rouge-highlight .sd, .rouge-highlight .s2, .rouge-highlight .sh, .rouge-highlight .sx, .rouge-highlight .s1 {
-  color: #90a959;
+.rouge-highlight .sa {
+  color: #ba8baf;
 }
 .rouge-highlight .sr {
-  color: #75b5aa;
+  color: #86c1b9;
 }
 .rouge-highlight .si {
-  color: #8f5536;
+  color: #a16946;
 }
 .rouge-highlight .se {
-  color: #8f5536;
+  color: #a16946;
 }
 .rouge-highlight .nn {
-  color: #f4bf75;
+  color: #f7ca88;
 }
 .rouge-highlight .nc {
-  color: #f4bf75;
+  color: #f7ca88;
 }
 .rouge-highlight .no {
-  color: #f4bf75;
+  color: #f7ca88;
 }
 .rouge-highlight .na {
-  color: #6a9fb5;
+  color: #7cafc2;
 }
-.rouge-highlight .m, .rouge-highlight .mf, .rouge-highlight .mh, .rouge-highlight .mi, .rouge-highlight .il, .rouge-highlight .mo, .rouge-highlight .mb, .rouge-highlight .mx {
-  color: #90a959;
+.rouge-highlight .m, .rouge-highlight .mb, .rouge-highlight .mf, .rouge-highlight .mh, .rouge-highlight .mi, .rouge-highlight .il, .rouge-highlight .mo, .rouge-highlight .mx {
+  color: #a1b56c;
 }
 .rouge-highlight .ss {
-  color: #90a959;
+  color: #a1b56c;
 }

data/app/assets/stylesheets/rouge.base16.light.css

@@ -1,77 +1,90 @@
 .rouge-highlight table td { padding: 5px; }
 .rouge-highlight table pre { margin: 0; }
 .rouge-highlight, .rouge-highlight .w {
-  color: #303030;
+  color: #383838;
 }
 .rouge-highlight .err {
-  color: #151515;
-  background-color: #ac4142;
+  color: #181818;
+  background-color: #ab4642;
 }
-.rouge-highlight .c, .rouge-highlight .cd, .rouge-highlight .cm, .rouge-highlight .c1, .rouge-highlight .cs {
-  color: #505050;
+.rouge-highlight .c, .rouge-highlight .ch, .rouge-highlight .cd, .rouge-highlight .cm, .rouge-highlight .cpf, .rouge-highlight .c1, .rouge-highlight .cs {
+  color: #585858;
 }
 .rouge-highlight .cp {
-  color: #f4bf75;
+  color: #f7ca88;
 }
 .rouge-highlight .nt {
-  color: #f4bf75;
+  color: #f7ca88;
 }
 .rouge-highlight .o, .rouge-highlight .ow {
-  color: #d0d0d0;
+  color: #d8d8d8;
 }
 .rouge-highlight .p, .rouge-highlight .pi {
-  color: #d0d0d0;
+  color: #d8d8d8;
 }
 .rouge-highlight .gi {
-  color: #90a959;
+  color: #a1b56c;
 }
 .rouge-highlight .gd {
-  color: #ac4142;
+  color: #ab4642;
 }
 .rouge-highlight .gh {
-  color: #6a9fb5;
-  background-color: #151515;
+  color: #7cafc2;
+  background-color: #181818;
+  font-weight: bold;
+}
+.rouge-highlight .ge {
+  font-style: italic;
+}
+.rouge-highlight .ges {
+  font-weight: bold;
+  font-style: italic;
+}
+.rouge-highlight .gs {
   font-weight: bold;
 }
 .rouge-highlight .k, .rouge-highlight .kn, .rouge-highlight .kp, .rouge-highlight .kr, .rouge-highlight .kv {
-  color: #aa759f;
+  color: #ba8baf;
 }
 .rouge-highlight .kc {
-  color: #d28445;
+  color: #dc9656;
 }
 .rouge-highlight .kt {
-  color: #d28445;
+  color: #dc9656;
 }
 .rouge-highlight .kd {
-  color: #d28445;
+  color: #dc9656;
+}
+.rouge-highlight .s, .rouge-highlight .sb, .rouge-highlight .sc, .rouge-highlight .dl, .rouge-highlight .sd, .rouge-highlight .s2, .rouge-highlight .sh, .rouge-highlight .sx, .rouge-highlight .s1 {
+  color: #a1b56c;
 }
-.rouge-highlight .s, .rouge-highlight .sb, .rouge-highlight .sc, .rouge-highlight .sd, .rouge-highlight .s2, .rouge-highlight .sh, .rouge-highlight .sx, .rouge-highlight .s1 {
-  color: #90a959;
+.rouge-highlight .sa {
+  color: #ba8baf;
 }
 .rouge-highlight .sr {
-  color: #75b5aa;
+  color: #86c1b9;
 }
 .rouge-highlight .si {
-  color: #8f5536;
+  color: #a16946;
 }
 .rouge-highlight .se {
-  color: #8f5536;
+  color: #a16946;
 }
 .rouge-highlight .nn {
-  color: #f4bf75;
+  color: #f7ca88;
 }
 .rouge-highlight .nc {
-  color: #f4bf75;
+  color: #f7ca88;
 }
 .rouge-highlight .no {
-  color: #f4bf75;
+  color: #f7ca88;
 }
 .rouge-highlight .na {
-  color: #6a9fb5;
+  color: #7cafc2;
 }
-.rouge-highlight .m, .rouge-highlight .mf, .rouge-highlight .mh, .rouge-highlight .mi, .rouge-highlight .il, .rouge-highlight .mo, .rouge-highlight .mb, .rouge-highlight .mx {
-  color: #90a959;
+.rouge-highlight .m, .rouge-highlight .mb, .rouge-highlight .mf, .rouge-highlight .mh, .rouge-highlight .mi, .rouge-highlight .il, .rouge-highlight .mo, .rouge-highlight .mx {
+  color: #a1b56c;
 }
 .rouge-highlight .ss {
-  color: #90a959;
+  color: #a1b56c;
 }

data/app/assets/stylesheets/rouge.base16.monokai.dark.css

@@ -8,7 +8,7 @@
   color: #272822;
   background-color: #f92672;
 }
-.rouge-highlight .c, .rouge-highlight .cd, .rouge-highlight .cm, .rouge-highlight .c1, .rouge-highlight .cs {
+.rouge-highlight .c, .rouge-highlight .ch, .rouge-highlight .cd, .rouge-highlight .cm, .rouge-highlight .cpf, .rouge-highlight .c1, .rouge-highlight .cs {
   color: #75715e;
 }
 .rouge-highlight .cp {
@@ -34,6 +34,16 @@
   background-color: #272822;
   font-weight: bold;
 }
+.rouge-highlight .ge {
+  font-style: italic;
+}
+.rouge-highlight .ges {
+  font-weight: bold;
+  font-style: italic;
+}
+.rouge-highlight .gs {
+  font-weight: bold;
+}
 .rouge-highlight .k, .rouge-highlight .kn, .rouge-highlight .kp, .rouge-highlight .kr, .rouge-highlight .kv {
   color: #ae81ff;
 }
@@ -46,9 +56,12 @@
 .rouge-highlight .kd {
   color: #fd971f;
 }
-.rouge-highlight .s, .rouge-highlight .sb, .rouge-highlight .sc, .rouge-highlight .sd, .rouge-highlight .s2, .rouge-highlight .sh, .rouge-highlight .sx, .rouge-highlight .s1 {
+.rouge-highlight .s, .rouge-highlight .sb, .rouge-highlight .sc, .rouge-highlight .dl, .rouge-highlight .sd, .rouge-highlight .s2, .rouge-highlight .sh, .rouge-highlight .sx, .rouge-highlight .s1 {
   color: #a6e22e;
 }
+.rouge-highlight .sa {
+  color: #ae81ff;
+}
 .rouge-highlight .sr {
   color: #a1efe4;
 }
@@ -70,7 +83,7 @@
 .rouge-highlight .na {
   color: #66d9ef;
 }
-.rouge-highlight .m, .rouge-highlight .mf, .rouge-highlight .mh, .rouge-highlight .mi, .rouge-highlight .il, .rouge-highlight .mo, .rouge-highlight .mb, .rouge-highlight .mx {
+.rouge-highlight .m, .rouge-highlight .mb, .rouge-highlight .mf, .rouge-highlight .mh, .rouge-highlight .mi, .rouge-highlight .il, .rouge-highlight .mo, .rouge-highlight .mx {
   color: #a6e22e;
 }
 .rouge-highlight .ss {

data/app/assets/stylesheets/rouge.base16.monokai.light.css

@@ -7,7 +7,7 @@
   color: #272822;
   background-color: #f92672;
 }
-.rouge-highlight .c, .rouge-highlight .cd, .rouge-highlight .cm, .rouge-highlight .c1, .rouge-highlight .cs {
+.rouge-highlight .c, .rouge-highlight .ch, .rouge-highlight .cd, .rouge-highlight .cm, .rouge-highlight .cpf, .rouge-highlight .c1, .rouge-highlight .cs {
   color: #75715e;
 }
 .rouge-highlight .cp {
@@ -33,6 +33,16 @@
   background-color: #272822;
   font-weight: bold;
 }
+.rouge-highlight .ge {
+  font-style: italic;
+}
+.rouge-highlight .ges {
+  font-weight: bold;
+  font-style: italic;
+}
+.rouge-highlight .gs {
+  font-weight: bold;
+}
 .rouge-highlight .k, .rouge-highlight .kn, .rouge-highlight .kp, .rouge-highlight .kr, .rouge-highlight .kv {
   color: #ae81ff;
 }
@@ -45,9 +55,12 @@
 .rouge-highlight .kd {
   color: #fd971f;
 }
-.rouge-highlight .s, .rouge-highlight .sb, .rouge-highlight .sc, .rouge-highlight .sd, .rouge-highlight .s2, .rouge-highlight .sh, .rouge-highlight .sx, .rouge-highlight .s1 {
+.rouge-highlight .s, .rouge-highlight .sb, .rouge-highlight .sc, .rouge-highlight .dl, .rouge-highlight .sd, .rouge-highlight .s2, .rouge-highlight .sh, .rouge-highlight .sx, .rouge-highlight .s1 {
   color: #a6e22e;
 }
+.rouge-highlight .sa {
+  color: #ae81ff;
+}
 .rouge-highlight .sr {
   color: #a1efe4;
 }
@@ -69,7 +82,7 @@
 .rouge-highlight .na {
   color: #66d9ef;
 }
-.rouge-highlight .m, .rouge-highlight .mf, .rouge-highlight .mh, .rouge-highlight .mi, .rouge-highlight .il, .rouge-highlight .mo, .rouge-highlight .mb, .rouge-highlight .mx {
+.rouge-highlight .m, .rouge-highlight .mb, .rouge-highlight .mf, .rouge-highlight .mh, .rouge-highlight .mi, .rouge-highlight .il, .rouge-highlight .mo, .rouge-highlight .mx {
   color: #a6e22e;
 }
 .rouge-highlight .ss {

data/app/assets/stylesheets/rouge.base16.solarized.dark.css

@@ -8,7 +8,7 @@
   color: #002b36;
   background-color: #dc322f;
 }
-.rouge-highlight .c, .rouge-highlight .cd, .rouge-highlight .cm, .rouge-highlight .c1, .rouge-highlight .cs {
+.rouge-highlight .c, .rouge-highlight .ch, .rouge-highlight .cd, .rouge-highlight .cm, .rouge-highlight .cpf, .rouge-highlight .c1, .rouge-highlight .cs {
   color: #657b83;
 }
 .rouge-highlight .cp {
@@ -34,6 +34,16 @@
   background-color: #002b36;
   font-weight: bold;
 }
+.rouge-highlight .ge {
+  font-style: italic;
+}
+.rouge-highlight .ges {
+  font-weight: bold;
+  font-style: italic;
+}
+.rouge-highlight .gs {
+  font-weight: bold;
+}
 .rouge-highlight .k, .rouge-highlight .kn, .rouge-highlight .kp, .rouge-highlight .kr, .rouge-highlight .kv {
   color: #6c71c4;
 }
@@ -46,9 +56,12 @@
 .rouge-highlight .kd {
   color: #cb4b16;
 }
-.rouge-highlight .s, .rouge-highlight .sb, .rouge-highlight .sc, .rouge-highlight .sd, .rouge-highlight .s2, .rouge-highlight .sh, .rouge-highlight .sx, .rouge-highlight .s1 {
+.rouge-highlight .s, .rouge-highlight .sb, .rouge-highlight .sc, .rouge-highlight .dl, .rouge-highlight .sd, .rouge-highlight .s2, .rouge-highlight .sh, .rouge-highlight .sx, .rouge-highlight .s1 {
   color: #859900;
 }
+.rouge-highlight .sa {
+  color: #6c71c4;
+}
 .rouge-highlight .sr {
   color: #2aa198;
 }
@@ -70,7 +83,7 @@
 .rouge-highlight .na {
   color: #268bd2;
 }
-.rouge-highlight .m, .rouge-highlight .mf, .rouge-highlight .mh, .rouge-highlight .mi, .rouge-highlight .il, .rouge-highlight .mo, .rouge-highlight .mb, .rouge-highlight .mx {
+.rouge-highlight .m, .rouge-highlight .mb, .rouge-highlight .mf, .rouge-highlight .mh, .rouge-highlight .mi, .rouge-highlight .il, .rouge-highlight .mo, .rouge-highlight .mx {
   color: #859900;
 }
 .rouge-highlight .ss {

data/app/assets/stylesheets/rouge.base16.solarized.light.css

@@ -7,7 +7,7 @@
   color: #002b36;
   background-color: #dc322f;
 }
-.rouge-highlight .c, .rouge-highlight .cd, .rouge-highlight .cm, .rouge-highlight .c1, .rouge-highlight .cs {
+.rouge-highlight .c, .rouge-highlight .ch, .rouge-highlight .cd, .rouge-highlight .cm, .rouge-highlight .cpf, .rouge-highlight .c1, .rouge-highlight .cs {
   color: #657b83;
 }
 .rouge-highlight .cp {
@@ -33,6 +33,16 @@
   background-color: #002b36;
   font-weight: bold;
 }
+.rouge-highlight .ge {
+  font-style: italic;
+}
+.rouge-highlight .ges {
+  font-weight: bold;
+  font-style: italic;
+}
+.rouge-highlight .gs {
+  font-weight: bold;
+}
 .rouge-highlight .k, .rouge-highlight .kn, .rouge-highlight .kp, .rouge-highlight .kr, .rouge-highlight .kv {
   color: #6c71c4;
 }
@@ -45,9 +55,12 @@
 .rouge-highlight .kd {
   color: #cb4b16;
 }
-.rouge-highlight .s, .rouge-highlight .sb, .rouge-highlight .sc, .rouge-highlight .sd, .rouge-highlight .s2, .rouge-highlight .sh, .rouge-highlight .sx, .rouge-highlight .s1 {
+.rouge-highlight .s, .rouge-highlight .sb, .rouge-highlight .sc, .rouge-highlight .dl, .rouge-highlight .sd, .rouge-highlight .s2, .rouge-highlight .sh, .rouge-highlight .sx, .rouge-highlight .s1 {
   color: #859900;
 }
+.rouge-highlight .sa {
+  color: #6c71c4;
+}
 .rouge-highlight .sr {
   color: #2aa198;
 }
@@ -69,7 +82,7 @@
 .rouge-highlight .na {
   color: #268bd2;
 }
-.rouge-highlight .m, .rouge-highlight .mf, .rouge-highlight .mh, .rouge-highlight .mi, .rouge-highlight .il, .rouge-highlight .mo, .rouge-highlight .mb, .rouge-highlight .mx {
+.rouge-highlight .m, .rouge-highlight .mb, .rouge-highlight .mf, .rouge-highlight .mh, .rouge-highlight .mi, .rouge-highlight .il, .rouge-highlight .mo, .rouge-highlight .mx {
   color: #859900;
 }
 .rouge-highlight .ss {

data/app/assets/stylesheets/rouge.bw.css

@@ -0,0 +1,70 @@
+.rouge-highlight table td { padding: 5px; }
+.rouge-highlight table pre { margin: 0; }
+.rouge-highlight, .rouge-highlight .w {
+  color: #000000;
+  background-color: #ffffff;
+}
+.rouge-highlight .c, .rouge-highlight .ch, .rouge-highlight .cd, .rouge-highlight .cm, .rouge-highlight .cpf, .rouge-highlight .c1, .rouge-highlight .cs {
+  font-style: italic;
+}
+.rouge-highlight .cp {
+}
+.rouge-highlight .k, .rouge-highlight .kc, .rouge-highlight .kd, .rouge-highlight .kn, .rouge-highlight .kr, .rouge-highlight .kv {
+  font-weight: bold;
+}
+.rouge-highlight .kp {
+}
+.rouge-highlight .kt {
+}
+.rouge-highlight .o, .rouge-highlight .ow {
+  font-weight: bold;
+}
+.rouge-highlight .nc {
+  font-weight: bold;
+}
+.rouge-highlight .nn {
+  font-weight: bold;
+}
+.rouge-highlight .ne {
+  font-weight: bold;
+}
+.rouge-highlight .ni {
+  font-weight: bold;
+}
+.rouge-highlight .nt {
+  font-weight: bold;
+}
+.rouge-highlight .s, .rouge-highlight .sb, .rouge-highlight .sc, .rouge-highlight .dl, .rouge-highlight .sd, .rouge-highlight .s2, .rouge-highlight .sh, .rouge-highlight .sx, .rouge-highlight .sr, .rouge-highlight .s1, .rouge-highlight .ss {
+  font-style: italic;
+}
+.rouge-highlight .sa {
+  font-weight: bold;
+}
+.rouge-highlight .si {
+  font-weight: bold;
+}
+.rouge-highlight .se {
+  font-weight: bold;
+}
+.rouge-highlight .gh {
+  font-weight: bold;
+}
+.rouge-highlight .gu {
+  font-weight: bold;
+}
+.rouge-highlight .ge {
+  font-style: italic;
+}
+.rouge-highlight .ges {
+  font-weight: bold;
+  font-style: italic;
+}
+.rouge-highlight .gs {
+  font-weight: bold;
+}
+.rouge-highlight .gp {
+  font-weight: bold;
+}
+.rouge-highlight .err {
+  color: #FF0000;
+}