docs: add kitty stuff

Signed-off-by: Felipe Contreras <felipe.contreras@gmail.com>

docs/_includes/kitty.html

@@ -0,0 +1,43 @@
+<style>
+
+#kitty_shot {
+  font-size: 1.25rem;
+}
+
+#kitty_shot pre {
+  color: oklch(90% 0.01 290);
+  background-color: oklch(23% 0.01 290);
+  counter-reset: line;
+  display: block;
+  overflow: hidden;
+  padding: 0.5em;
+  border-radius: 4px;
+}
+
+#kitty_shot code {
+  display: block;
+  color: inherit;
+  background-color: inherit;
+  padding: 0;
+}
+
+.black { color: oklch(23% 0.01 290); }
+.red { color: oklch(85% 0.12 30); }
+.yellow { color: oklch(90% 0.12 90); }
+.green { color: oklch(85% 0.12 150); }
+.blue { color: oklch(75% 0.12 270); }
+.magenta { color: oklch(75% 0.12 330); }
+.cyan { color: oklch(75% 0.12 210); }
+.silver { color: oklch(80% 0.01 290); }
+
+#kitty_shot .cursor { background-color: oklch(75% 0.12 210); }
+
+.bold { font-weight: bold; }
+
+</style>
+
+<div id="kitty_shot">
+<pre><code><span class="black">gYw</span><span class="red">gYw</span><span class="green">gYw</span><span class="yellow">gYw</span><span class="blue">gYw</span><span class="magenta">gYw</span><span class="cyan">gYw</span><span class="silver">gYw</span>
+<span class="bold"><span class="black">gYw</span><span class="red">gYw</span><span class="green">gYw</span><span class="yellow">gYw</span><span class="blue">gYw</span><span class="magenta">gYw</span><span class="cyan">gYw</span><span class="silver">gYw</span></span>
+<span class="green bold">❯</span> <span class="cursor"> </span></code></pre>
+</div>

docs/index.md

@@ -33,6 +33,31 @@ let g:airline_theme = 'felipec'
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9/build/styles/felipec.min.css">
 ```
 
+## kitty
+
+{% include kitty.html %}
+
+Add to `~/.config/kitty/kitty.conf`:
+
+```
+cursor #5fb8f2
+
+foreground #dedde4
+background #1d1c21
+
+selection_foreground #1d1c21
+selection_background #d991d2
+
+color0 #1d1c21
+color1 #f09080
+color2 #93e4a4
+color3 #fddb7c
+color4 #90aafa
+color5 #d991d2
+color6 #30c2d8
+color7 #bdbdc4
+```
+
 ## Color palette
 
 {% include palette.html %}