deploy: 933907a

tinted-theming · Mar 31, 2024 · 7a248cf · 7a248cf
1 parent d334076
commit 7a248cf
Show file tree

Hide file tree

Showing 5 changed files with 315 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -2948,6 +2948,20 @@
 #base16-spacemacs .Special { color: #2d9574; }
 
 
+      #base16-sparky pre { white-space: pre-wrap; font-family: monospace; color: #f4f5f0; background-color: #072b31; }
+#base16-sparky pre { font-family: monospace; color: #f4f5f0; background-color: #072b31; }
+#base16-sparky * { font-size: 1em; }
+#base16-sparky .Identifier { color: #f4f5f0; }
+#base16-sparky .Statement { color: #ff585d; font-weight: bold; }
+#base16-sparky .PreProc { color: #fbdd40; }
+#base16-sparky .String { color: #78d64b; }
+#base16-sparky .Conditional { color: #d59ed7; }
+#base16-sparky .Number { color: #ff8f1c; }
+#base16-sparky .Operator { color: #2dccd3; }
+#base16-sparky .Comment { color: #003b49; font-style: italic; }
+#base16-sparky .Special { color: #2dccd3; }
+
+
       #base16-standardized-dark pre { white-space: pre-wrap; font-family: monospace; color: #c0c0c0; background-color: #222222; }
 #base16-standardized-dark pre { font-family: monospace; color: #c0c0c0; background-color: #222222; }
 #base16-standardized-dark * { font-size: 1em; }
@@ -3200,6 +3214,20 @@
 #base16-tokyo-night-light .Special { color: #3e6968; }
 
 
+      #base16-tokyo-night-moon pre { white-space: pre-wrap; font-family: monospace; color: #3b4261; background-color: #222436; }
+#base16-tokyo-night-moon pre { font-family: monospace; color: #3b4261; background-color: #222436; }
+#base16-tokyo-night-moon * { font-size: 1em; }
+#base16-tokyo-night-moon .Identifier { color: #3b4261; }
+#base16-tokyo-night-moon .Statement { color: #ff757f; font-weight: bold; }
+#base16-tokyo-night-moon .PreProc { color: #ffc777; }
+#base16-tokyo-night-moon .String { color: #c3e88d; }
+#base16-tokyo-night-moon .Conditional { color: #fca7ea; }
+#base16-tokyo-night-moon .Number { color: #ffc777; }
+#base16-tokyo-night-moon .Operator { color: #86e1fc; }
+#base16-tokyo-night-moon .Comment { color: #636da6; font-style: italic; }
+#base16-tokyo-night-moon .Special { color: #86e1fc; }
+
+
       #base16-tokyo-night-storm pre { white-space: pre-wrap; font-family: monospace; color: #a9b1d6; background-color: #24283b; }
 #base16-tokyo-night-storm pre { font-family: monospace; color: #a9b1d6; background-color: #24283b; }
 #base16-tokyo-night-storm * { font-size: 1em; }
@@ -23038,6 +23066,97 @@ <h1 class="text-center">Base16 Gallery</h1>
           </div>
         </div>
 
+        <div class="col-xxl-2 col-lg-3 col-md-4 col-sm-6" id="base16-sparky">
+          <div class="content">
+            <input type="checkbox" />
+            <pre><code>system: "base16"
+name: "Sparky"
+author: "Leila Sother (https://github.com/mixcoac)"
+variant: "dark"
+palette:
+  base00: "072B31" # 546 C - Background
+  base01: "00313C" # 547 C - Lighter Background
+  base02: "003C46" # 547 CP - Selection
+  base03: "003B49" # 309 C - Comments
+  base04: "00778B" # 7705 C - Lightest Background 
+  base05: "F4F5F0" # 11-0601 Tcx - Foreground
+  base06: "F5F5F1" # P 179-1 U - Grey
+  base07: "FFFFFF" # Hex White - White - there is no whiter Pantone than 11-0601 Tcx
+  base08: "FF585D" # 178 C - Red
+  base09: "FF8F1C" # 1375 C - Orange
+  base0A: "FBDD40" # 114 C - Yellow
+  base0B: "78D64B" # 7488 C - Green
+  base0C: "2DCCD3" # 319 C - Cyan
+  base0D: "4698CB" # 7688 C - Blue
+  base0E: "D59ED7" # 7438 C - Purple
+  base0F: "9B704D" # 10367 C - Brown</code></pre>
+            <pre id='vimCodeElement'>
+<span class="Comment">#!/bin/bash</span>
+
+<span class="Statement">set</span><span class="Identifier"> </span><span class="Special">-eu</span><span class="Identifier"> pipefail</span>
+
+<span class="Statement">rm</span> <span class="Special">-rf</span> out
+<span class="Statement">mkdir</span> out
+
+<span class="Statement">rm</span> <span class="Special">-rf</span> base16-vim
+git clone <span class="Special">--depth</span><span class="Operator">=</span><span class="Number">1</span> <a href="https://github.com/tinted-theming/base16-vim">https://github.com/tinted-theming/base16-vim</a>
+
+<span class="Statement">rm</span> <span class="Special">-rf</span> schemes
+git clone <span class="Special">--depth</span><span class="Operator">=</span><span class="Number">1</span> <a href="https://github.com/tinted-theming/schemes">https://github.com/tinted-theming/schemes</a>
+
+<span class="Statement">export</span> <span class="Identifier">COLORSCHEMES</span>=<span class="PreProc">($(</span><span class="Statement">ls</span><span class="Special"> schemes/base16/ </span><span class="Operator">|</span><span class="Special"> </span><span class="Statement">grep</span><span class="Special"> yaml </span><span class="Operator">|</span><span class="Special"> </span><span class="Statement">sed</span><span class="Special"> </span><span class="Operator">'</span><span class="String">s/\..*$//</span><span class="Operator">'</span><span class="PreProc">))</span>
+
+<span class="Statement">for</span> COLORSCHEME <span class="Statement">in</span> <span class="PreProc">${</span><span class="PreProc">COLORSCHEMES</span><span class="PreProc">[</span>@<span class="PreProc">]</span><span class="PreProc">}</span>; <span class="Conditional">do</span>
+  <span class="Statement">echo</span><span class="String"> </span><span class="PreProc">$COLORSCHEME</span>
+
+  vim <span class="Special">-es</span> <span class="Conditional">-u</span> NORC <span class="Conditional">-N</span> \
+    <span class="Conditional">-c</span> <span class="Operator">'</span><span class="String">set termguicolors</span><span class="Operator">'</span> \
+    <span class="Conditional">-c</span> <span class="Operator">'</span><span class="String">set runtimepath+=base16-vim</span><span class="Operator">'</span> \
+    <span class="Conditional">-c</span> <span class="Operator">'</span><span class="String">syntax on</span><span class="Operator">'</span> \
+    <span class="Conditional">-c</span> <span class="Operator">&quot;</span><span class="String">colorscheme base16-</span><span class="PreProc">$COLORSCHEME</span><span class="Operator">&quot;</span> \
+    <span class="Conditional">-c</span> <span class="Operator">'</span><span class="String">TOhtml</span><span class="Operator">'</span> \
+    <span class="Conditional">-c</span> <span class="Operator">'</span><span class="String">wqall</span><span class="Operator">'</span> \
+    <span class="PreProc">$0</span> <span class="Conditional">&gt;</span> /dev/null <span class="Number">2</span><span class="Conditional">&gt;</span><span class="Operator">&amp;</span><span class="Number">1</span>
+
+  <span class="Statement">grep</span> <span class="Special">-Pzo</span> <span class="Operator">'</span><span class="String">(?s)&lt;style&gt;.*&lt;/style&gt;</span><span class="Operator">'</span> <span class="PreProc">$0</span>.html \
+    <span class="Operator">|</span> <span class="Statement">sed</span> <span class="Operator">&quot;</span><span class="String">3,14!d;s/body/pre/;s/^/#base16-</span><span class="PreProc">$COLORSCHEME</span><span class="String"> /</span><span class="Operator">&quot;</span> \
+    <span class="Conditional">&gt;</span> out/<span class="PreProc">$COLORSCHEME</span>.css
+
+  awk <span class="Operator">&quot;</span><span class="String">/&lt;pre id='vimCodeElement'&gt;/,/&lt;\/pre&gt;/</span><span class="Operator">&quot;</span> <span class="PreProc">$0</span>.html \
+    <span class="Conditional">&gt;</span> out/<span class="PreProc">$COLORSCHEME</span>.html
+
+  <span class="Statement">rm</span> <span class="Conditional">-f</span> <span class="PreProc">$0</span>.html
+<span class="Conditional">done</span>
+
+erb template.erb <span class="Operator">&gt;</span> out/index.html
+</pre>
+
+          </div>
+          <div class="pallete">
+
+
+            <div title="#072B31" style="background-color: #072B31;"></div>
+            <div title="#00313C" style="background-color: #00313C;"></div>
+            <div title="#003C46" style="background-color: #003C46;"></div>
+            <div title="#003B49" style="background-color: #003B49;"></div>
+            <div title="#00778B" style="background-color: #00778B;"></div>
+            <div title="#F4F5F0" style="background-color: #F4F5F0;"></div>
+            <div title="#F5F5F1" style="background-color: #F5F5F1;"></div>
+            <div title="#FFFFFF" style="background-color: #FFFFFF;"></div>
+            <div title="#FF585D" style="background-color: #FF585D;"></div>
+            <div title="#FF8F1C" style="background-color: #FF8F1C;"></div>
+            <div title="#FBDD40" style="background-color: #FBDD40;"></div>
+            <div title="#78D64B" style="background-color: #78D64B;"></div>
+            <div title="#2DCCD3" style="background-color: #2DCCD3;"></div>
+            <div title="#4698CB" style="background-color: #4698CB;"></div>
+            <div title="#D59ED7" style="background-color: #D59ED7;"></div>
+            <div title="#9B704D" style="background-color: #9B704D;"></div>
+          </div>
+          <div class="title text-center">
+            sparky
+          </div>
+        </div>
+
         <div class="col-xxl-2 col-lg-3 col-md-4 col-sm-6" id="base16-standardized-dark">
           <div class="content">
             <input type="checkbox" />
@@ -24696,6 +24815,98 @@ <h1 class="text-center">Base16 Gallery</h1>
           </div>
         </div>
 
+        <div class="col-xxl-2 col-lg-3 col-md-4 col-sm-6" id="base16-tokyo-night-moon">
+          <div class="content">
+            <input type="checkbox" />
+            <pre><code>system: "base16"
+name: "Tokyo Night Moon"
+author: "Ólafur Bjarki Bogason"
+variant: "dark"
+palette:
+  base00: "222436"
+  base01: "1e2030"
+  base02: "2d3f76"
+  base03: "636da6"
+  base04: "828bb8"
+  base05: "3b4261"
+  base06: "828bb8"
+  base07: "c8d3f5"
+  base08: "ff757f"
+  base09: "ffc777"
+  base0A: "ffc777"
+  base0B: "c3e88d"
+  base0C: "86e1fc"
+  base0D: "82aaff"
+  base0E: "fca7ea"
+  base0F: "c53b53"
+</code></pre>
+            <pre id='vimCodeElement'>
+<span class="Comment">#!/bin/bash</span>
+
+<span class="Statement">set</span><span class="Identifier"> </span><span class="Special">-eu</span><span class="Identifier"> pipefail</span>
+
+<span class="Statement">rm</span> <span class="Special">-rf</span> out
+<span class="Statement">mkdir</span> out
+
+<span class="Statement">rm</span> <span class="Special">-rf</span> base16-vim
+git clone <span class="Special">--depth</span><span class="Operator">=</span><span class="Number">1</span> <a href="https://github.com/tinted-theming/base16-vim">https://github.com/tinted-theming/base16-vim</a>
+
+<span class="Statement">rm</span> <span class="Special">-rf</span> schemes
+git clone <span class="Special">--depth</span><span class="Operator">=</span><span class="Number">1</span> <a href="https://github.com/tinted-theming/schemes">https://github.com/tinted-theming/schemes</a>
+
+<span class="Statement">export</span> <span class="Identifier">COLORSCHEMES</span>=<span class="PreProc">($(</span><span class="Statement">ls</span><span class="Special"> schemes/base16/ </span><span class="Operator">|</span><span class="Special"> </span><span class="Statement">grep</span><span class="Special"> yaml </span><span class="Operator">|</span><span class="Special"> </span><span class="Statement">sed</span><span class="Special"> </span><span class="Operator">'</span><span class="String">s/\..*$//</span><span class="Operator">'</span><span class="PreProc">))</span>
+
+<span class="Statement">for</span> COLORSCHEME <span class="Statement">in</span> <span class="PreProc">${</span><span class="PreProc">COLORSCHEMES</span><span class="PreProc">[</span>@<span class="PreProc">]</span><span class="PreProc">}</span>; <span class="Conditional">do</span>
+  <span class="Statement">echo</span><span class="String"> </span><span class="PreProc">$COLORSCHEME</span>
+
+  vim <span class="Special">-es</span> <span class="Conditional">-u</span> NORC <span class="Conditional">-N</span> \
+    <span class="Conditional">-c</span> <span class="Operator">'</span><span class="String">set termguicolors</span><span class="Operator">'</span> \
+    <span class="Conditional">-c</span> <span class="Operator">'</span><span class="String">set runtimepath+=base16-vim</span><span class="Operator">'</span> \
+    <span class="Conditional">-c</span> <span class="Operator">'</span><span class="String">syntax on</span><span class="Operator">'</span> \
+    <span class="Conditional">-c</span> <span class="Operator">&quot;</span><span class="String">colorscheme base16-</span><span class="PreProc">$COLORSCHEME</span><span class="Operator">&quot;</span> \
+    <span class="Conditional">-c</span> <span class="Operator">'</span><span class="String">TOhtml</span><span class="Operator">'</span> \
+    <span class="Conditional">-c</span> <span class="Operator">'</span><span class="String">wqall</span><span class="Operator">'</span> \
+    <span class="PreProc">$0</span> <span class="Conditional">&gt;</span> /dev/null <span class="Number">2</span><span class="Conditional">&gt;</span><span class="Operator">&amp;</span><span class="Number">1</span>
+
+  <span class="Statement">grep</span> <span class="Special">-Pzo</span> <span class="Operator">'</span><span class="String">(?s)&lt;style&gt;.*&lt;/style&gt;</span><span class="Operator">'</span> <span class="PreProc">$0</span>.html \
+    <span class="Operator">|</span> <span class="Statement">sed</span> <span class="Operator">&quot;</span><span class="String">3,14!d;s/body/pre/;s/^/#base16-</span><span class="PreProc">$COLORSCHEME</span><span class="String"> /</span><span class="Operator">&quot;</span> \
+    <span class="Conditional">&gt;</span> out/<span class="PreProc">$COLORSCHEME</span>.css
+
+  awk <span class="Operator">&quot;</span><span class="String">/&lt;pre id='vimCodeElement'&gt;/,/&lt;\/pre&gt;/</span><span class="Operator">&quot;</span> <span class="PreProc">$0</span>.html \
+    <span class="Conditional">&gt;</span> out/<span class="PreProc">$COLORSCHEME</span>.html
+
+  <span class="Statement">rm</span> <span class="Conditional">-f</span> <span class="PreProc">$0</span>.html
+<span class="Conditional">done</span>
+
+erb template.erb <span class="Operator">&gt;</span> out/index.html
+</pre>
+
+          </div>
+          <div class="pallete">
+
+
+            <div title="#222436" style="background-color: #222436;"></div>
+            <div title="#1e2030" style="background-color: #1e2030;"></div>
+            <div title="#2d3f76" style="background-color: #2d3f76;"></div>
+            <div title="#636da6" style="background-color: #636da6;"></div>
+            <div title="#828bb8" style="background-color: #828bb8;"></div>
+            <div title="#3b4261" style="background-color: #3b4261;"></div>
+            <div title="#828bb8" style="background-color: #828bb8;"></div>
+            <div title="#c8d3f5" style="background-color: #c8d3f5;"></div>
+            <div title="#ff757f" style="background-color: #ff757f;"></div>
+            <div title="#ffc777" style="background-color: #ffc777;"></div>
+            <div title="#ffc777" style="background-color: #ffc777;"></div>
+            <div title="#c3e88d" style="background-color: #c3e88d;"></div>
+            <div title="#86e1fc" style="background-color: #86e1fc;"></div>
+            <div title="#82aaff" style="background-color: #82aaff;"></div>
+            <div title="#fca7ea" style="background-color: #fca7ea;"></div>
+            <div title="#c53b53" style="background-color: #c53b53;"></div>
+          </div>
+          <div class="title text-center">
+            tokyo-night-moon
+          </div>
+        </div>
+
         <div class="col-xxl-2 col-lg-3 col-md-4 col-sm-6" id="base16-tokyo-night-storm">
           <div class="content">
             <input type="checkbox" />

diff --git a/sparky.css b/sparky.css
@@ -0,0 +1,12 @@
+#base16-sparky pre { white-space: pre-wrap; font-family: monospace; color: #f4f5f0; background-color: #072b31; }
+#base16-sparky pre { font-family: monospace; color: #f4f5f0; background-color: #072b31; }
+#base16-sparky * { font-size: 1em; }
+#base16-sparky .Identifier { color: #f4f5f0; }
+#base16-sparky .Statement { color: #ff585d; font-weight: bold; }
+#base16-sparky .PreProc { color: #fbdd40; }
+#base16-sparky .String { color: #78d64b; }
+#base16-sparky .Conditional { color: #d59ed7; }
+#base16-sparky .Number { color: #ff8f1c; }
+#base16-sparky .Operator { color: #2dccd3; }
+#base16-sparky .Comment { color: #003b49; font-style: italic; }
+#base16-sparky .Special { color: #2dccd3; }