hermit
hermit copied to clipboard
Which color theme is used for Chroma / no "p" color defined in _syntax.css
In assets/scss/_syntax.scss the colors are defined when using Hugo's built-in Chroma code highlighter. What theme is used for the colors?
The reason I ask is there is a Chroma class for "p" but there is no corresponding color in _syntax.scss. It appears the "p" class might be used for punctuation?
In this example (Javascript), curly brackets {}, commas, and semicolons are rendered in either white or CSS color #eee based on the line /* Background */ .chroma { color: #eee; background-color: $midnightblue }
in _syntax.css. They have a class of "p" in the Chroma-generated HTML.
Thanks!
<div class="highlight"><pre class="chroma"><code class="language-javascript" data-lang="javascript"><span class="nx">Prism</span><span class="p">.</span><span class="nx">languages</span><span class="p">.</span><span class="nx">ibmuim</span> <span class="o">=</span> <span class="p">{</span>
<span class="c1">// Version 0.1, 20170103, Hanna Goodbar
</span><span class="c1"></span> <span class="c1">// Heavily based on the "markup" language as UIM is tag-based.
</span><span class="c1"></span> <span class="s1">'comment'</span><span class="o">:</span> <span class="sr">/^([.][*].*)/</span><span class="p">,</span>
<span class="s1">'tag'</span><span class="o">:</span> <span class="p">{</span>
<span class="nx">pattern</span><span class="o">:</span> <span class="sr">/:.*?\./i</span><span class="p">,</span>
<span class="nx">inside</span><span class="o">:</span> <span class="p">{</span>
<span class="s1">'tag'</span><span class="o">:</span> <span class="p">{</span>
<span class="nx">pattern</span><span class="o">:</span> <span class="sr">/^:[^\s]+/i</span><span class="p">,</span>
<span class="nx">inside</span><span class="o">:</span> <span class="p">{</span>
<span class="s1">'punctuation'</span><span class="o">:</span> <span class="sr">/:/</span>
<span class="p">}</span>
<span class="p">}</span><span class="p">,</span>
<span class="s1">'attr-value'</span><span class="o">:</span> <span class="p">{</span>
<span class="nx">pattern</span><span class="o">:</span> <span class="sr">/=(?:('|")[\w\W]*?(\1)|[^\s.]+)/i</span><span class="p">,</span>
<span class="nx">inside</span><span class="o">:</span> <span class="p">{</span>
<span class="s1">'punctuation'</span><span class="o">:</span> <span class="sr">/[=\."']/</span>
<span class="p">}</span>
<span class="p">}</span><span class="p">,</span>
<span class="s1">'punctuation'</span><span class="o">:</span> <span class="sr">/\./</span><span class="p">,</span>
<span class="s1">'attr-name'</span><span class="o">:</span> <span class="p">{</span>
<span class="s1">'pattern'</span><span class="o">:</span> <span class="sr">/[^\s\.]+/</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="p">}</span><span class="p">,</span>
<span class="s1">'symbol'</span><span class="o">:</span> <span class="sr">/(&(amp;)?(amp|colon|cont|msg|period|slr)[.])/i</span>
<span class="p">}</span><span class="p">;</span>
</code></pre></div>

Hi, I think it's the monokai
theme, with background color altered. Not sure about p
class meaning, it should be default color, so nothing's wrong to me. 😀