Track3 / hermit

A minimal & fast Hugo theme for bloggers

Home Page:https://hugo-theme-hermit.netlify.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Which color theme is used for Chroma / no "p" color defined in _syntax.css

hannagoodbar opened this issue · comments

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 &#34;markup&#34; language as UIM is tag-based.
</span><span class="c1"></span>  <span class="s1">&#39;comment&#39;</span><span class="o">:</span> <span class="sr">/^([.][*].*)/</span><span class="p">,</span>
  <span class="s1">&#39;tag&#39;</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">&#39;tag&#39;</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">&#39;punctuation&#39;</span><span class="o">:</span> <span class="sr">/:/</span>
        <span class="p">}</span>
      <span class="p">}</span><span class="p">,</span>
      <span class="s1">&#39;attr-value&#39;</span><span class="o">:</span> <span class="p">{</span>
        <span class="nx">pattern</span><span class="o">:</span> <span class="sr">/=(?:(&#39;|&#34;)[\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">&#39;punctuation&#39;</span><span class="o">:</span> <span class="sr">/[=\.&#34;&#39;]/</span>
        <span class="p">}</span>
      <span class="p">}</span><span class="p">,</span>
      <span class="s1">&#39;punctuation&#39;</span><span class="o">:</span> <span class="sr">/\./</span><span class="p">,</span>
      <span class="s1">&#39;attr-name&#39;</span><span class="o">:</span> <span class="p">{</span>
        <span class="s1">&#39;pattern&#39;</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">&#39;symbol&#39;</span><span class="o">:</span> <span class="sr">/(&amp;(amp;)?(amp|colon|cont|msg|period|slr)[.])/i</span>
<span class="p">}</span><span class="p">;</span>

</code></pre></div>

Screen Shot 2020-01-26 at 12 48 58 AM

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. 😀