diff --git a/packages/org-themes/.gitrepo b/packages/org-themes/.gitrepo
index eab1e017cbd91a54df4a9e824fb0ff9de8b8ecbd..e5f7a63729d2cb02d019a765fe7937b800d0683d 100644
--- a/packages/org-themes/.gitrepo
+++ b/packages/org-themes/.gitrepo
@@ -6,7 +6,7 @@
 [subrepo]
 	remote = git@gitlab.com:OlMon/org-themes.git
 	branch = master
-	commit = b9bd14cbd716e8e8efebfa8e42a6c50176e9b2cd
-	parent = 1994bb4f069142aa3f886d30aa0585ed9117eed1
+	commit = 09d001cd3d4a91a302a2d51127fc17a9967eec67
+	parent = 6ce4aaa2a1607be6c147d96b335fc88e0edc9810
 	method = merge
-	cmdver = 0.4.3
+	cmdver = 0.4.6
diff --git a/packages/org-themes/public/gray/gray.html b/packages/org-themes/public/gray/gray.html
new file mode 100644
index 0000000000000000000000000000000000000000..f630ef1a7191cae180ee318e68a20bdb45809d04
--- /dev/null
+++ b/packages/org-themes/public/gray/gray.html
@@ -0,0 +1,904 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
+<head>
+<!-- 2022-06-24 Fri 19:42 -->
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Gray Theme</title>
+<meta name="author" content="Lee Hinman" />
+<meta name="generator" content="Org Mode" />
+<style type="text/css">
+body {
+font-family: Helvetica, Arial, sans-serif;
+font-size: 16px;
+line-height: 1.4;
+color: #33333f;
+}
+
+code {
+font-family: "Inconsolata", "monospace";
+font-size: 16px;
+}
+
+p>code, li>code {
+background-color: #eee;
+padding: 0.25em;
+}
+
+h1, h2, h3 {
+font-family: "Roboto Slab", Helvetica, Arial, sans-serif;
+}
+
+h2 {
+border-bottom: 1px solid #f0c;
+padding-bottom: 0.5em;
+font-size: 1.75em;
+}
+
+h3 {
+margin-top: 2em;
+font-size: 1.5em;
+}
+
+h4 {
+font-size: 1.25em;
+}
+
+h5 {
+font-size: 1em;
+}
+
+h2 code, h3 code, h4 code, h5 code, td code {
+font-family: inherit !important;
+font-size: inherit !important;
+}
+
+td code {
+font-weight: bold;
+}
+
+a:link, a:hover, a:visited {
+text-decoration: none;
+color: black;
+}
+
+a:link {
+background: #ff8;
+}
+
+a:visited {
+color: #666;
+background: #ffc;
+}
+
+a:link:hover,
+a:visited:hover {
+background: #ff0;
+}
+
+a[href^="http"] {
+background: #bff;
+}
+
+a[href^="http"]:visited {
+background: #dff;
+}
+
+a[href^="http"]:link:hover,
+a[href^="http"]:visited:hover {
+background: #0ff;
+}
+
+a[href^="http"]:after {
+content: "\21B3";
+background: white;
+padding-left: 0.2em;
+}
+
+#meta {
+margin-top: 2em;
+}
+
+#table-of-contents a:link,
+#table-of-contents a:visited {
+color: black;
+background: transparent;
+}
+
+#table-of-contents {
+line-height: 1.2;
+}
+#table-of-contents h2 {
+border-bottom: 0;
+}
+
+#table-of-contents ul {
+list-style: none;
+padding-left: 0.5em;
+font-weight: normal;
+}
+
+#table-of-contents div>ul>li {
+margin-top: 1em;
+font-weight: bold;
+}
+
+#table-of-contents .tag {
+display: none;
+}
+
+#table-of-contents .todo,
+#table-of-contents .done {
+font-size: 80%;
+}
+
+#table-of-contents ol>li {
+margin-top: 1em;
+}
+
+table {
+width: 100%;
+}
+
+table, th, td {
+border: 1px solid #666;
+}
+
+th, td {
+padding: 0.5em;
+text-align: left;
+}
+
+tbody tr:nth-child(odd) {
+background-color: #eee;
+}
+
+img {
+max-width: 90%;
+}
+
+div.notice {
+position: relative;
+margin: 0 1.2em;
+padding: 0.25em 1em;
+border-left: 4px solid;
+}
+
+table + div.notice {
+margin-top: 2em;
+}
+
+div.notice a {
+background: transparent !important;
+border-bottom: 1px dotted;
+}
+
+div.notice a[href^="http"]:after {
+background: transparent !important;
+}
+
+div.notice:before {
+position: absolute;
+top: 0;
+right: 0;
+padding: 0.25em 0.5em 0;
+font-size: 60%;
+border-bottom-left-radius: 0.5em;
+}
+
+.notice-warning {
+background: #fcc;
+color: #600;
+}
+
+.notice-example {
+background: #def;
+color: #069;
+}
+
+.notice-info {
+background: #efe;
+color: #060;
+}
+
+.notice-warning a {
+color: #600;
+}
+
+.notice-example a {
+color: #069;
+}
+
+.notice-info a {
+color: #060;
+}
+
+div.notice-warning:before {
+content: "WARNING";
+background: #c99;
+color: #fcc;
+}
+
+div.notice-example:before {
+content: "EXAMPLE";
+background: #abc;
+color: #def;
+}
+
+div.notice-info:before {
+content: "INFO";
+background: #9c9;
+color: #efe;
+}
+
+/* things inside the #+BEGIN_NOTE...#+END_NOTE block */
+div.NOTE a {
+background: transparent !important;
+border-bottom: 1px dotted;
+}
+
+div.NOTE {
+position: relative;
+margin: 0 1.2em;
+padding: 0.25em 1em;
+border-left: 4px solid;
+margin-top: 2em;
+background: #efe;
+color: #060;
+}
+
+div.NOTE:before {
+position: absolute;
+top: 0;
+right: 0;
+padding: 0.25em 0.5em 0;
+font-size: 60%;
+border-bottom-left-radius: 0.5em;
+content: "NOTE";
+background: #9c9;
+color: #efe;
+}
+
+blockquote {
+padding: 0px 10px 0px 10px;
+border: 1px solid #ddd;
+background: #eee;
+box-shadow: 5px 5px 5px #eee;
+border-radius: 2px;
+line-height: 1.2em;
+}
+
+pre {
+font-family: "Inconsolata", "monospace";
+font-size: 100%;
+border: 0;
+box-shadow: none;
+overflow: auto;
+}
+
+pre.example:before {
+content: "EXAMPLE";
+display: block;
+border-bottom: 1px dotted;
+margin-bottom: 1em;
+}
+
+pre.example {
+background: #fec;
+color: #666;
+font-size: 0.85em;
+}
+
+pre {
+background-color: #f8f8f8;
+background-size: 8px 8px;
+background-image: linear-gradient(135deg, transparent 25%, rgba(0, 0, 0, 0.02) 25%, rgba(0, 0, 0, 0.02) 50%, transparent 50%, transparent 75%, rgba(0, 0, 0, 0.02) 75%, rgba(0, 0, 0, 0.02));
+}
+
+pre.src {
+padding: 0.5em;
+}
+
+pre.src:before {
+display: block;
+position: absolute;
+background-color: #ccccd0;
+top: 0;
+right: 0;
+padding: 0.25em 0.5em;
+border-bottom-left-radius: 8px;
+border: 0;
+color: white;
+font-size: 80%;
+}
+
+pre.src-plantuml:before {
+content: "UML";
+}
+
+pre.src-javascript:before {
+content: "JS";
+}
+
+pre.src-clojure:before {
+content: "CLJ";
+}
+
+pre.src-c:before {
+content: "C";
+}
+
+pre.src-sh:before {
+content: "Shell";
+}
+
+pre.src-es:before {
+content: "ES";
+}
+
+span.org-string {
+color: #f94;
+}
+
+span.org-keyword {
+color: #c07;
+}
+
+span.org-variable-name {
+color: #f04;
+}
+
+span.org-clojure-keyword {
+color: #09f;
+}
+
+span.org-comment, span.org-comment-delimiter {
+color: #999;
+}
+
+span.org-rainbow-delimiters-depth-1, span.org-rainbow-delimiters-depth-5 {
+color: #666;
+}
+
+span.org-rainbow-delimiters-depth-2, span.org-rainbow-delimiters-depth-6 {
+color: #888;
+}
+
+span.org-rainbow-delimiters-depth-3, span.org-rainbow-delimiters-depth-7 {
+color: #aaa;
+}
+
+span.org-rainbow-delimiters-depth-4, span.org-rainbow-delimiters-depth-8 {
+color: #ccc;
+}
+
+div.figure {
+font-size: 0.85em;
+}
+
+.tag {
+font-family: "Roboto Slab", Helvetica, Arial, sans-serif;
+font-size: 11px;
+font-weight: normal;
+float: right;
+margin-top: 1em;
+background: transparent;
+}
+
+.tag span {
+background: #ccc;
+padding: 0 0.5em;
+border-radius: 0.2em;
+color: white;
+}
+
+.todo, .done {
+font-family: "Roboto Slab", Helvetica, Arial, sans-serif;
+font-weight: normal;
+padding: 0 0.25em;
+border-radius: 0.2em;
+}
+
+.todo {
+background: #f04;
+color: white;
+}
+
+.done {
+background: #5f7;
+color: white;
+}
+
+@media screen {
+h1.title {
+text-align: left;
+margin: 0.5em 0 1em 0;
+}
+
+h2 {
+margin-top: 3em;
+}
+
+#table-of-contents {
+position: fixed;
+top: 0;
+left: 0;
+padding: 2em 0 2em 2em;
+width: 290px;
+height: 100vh;
+font-size: 11px;
+background: #eee;
+overlow-x: hidden;
+overlow-y: auto;
+}
+
+#table-of-contents h2 {
+margin-top: 0;
+}
+
+#table-of-contents code {
+font-size: 12px;
+}
+
+div#content {
+margin-left: 320px;
+max-width: 1100px;
+}
+div#postamble {
+margin-left: 320px;
+max-width: 1100px;
+}
+}
+
+@media screen and (max-width: 1024px) {
+html, body {
+font-size: 14px;
+}
+
+#table-of-contents {
+display: none;
+}
+
+h1.title {
+margin-left: 0%;
+}
+
+div#content {
+margin-left: 5%;
+max-width: 90%;
+}
+div#postamble {
+margin-left: 5%;
+max-width: 90%;
+}
+}
+
+@media print {
+
+body {
+color: black;
+}
+
+@page {
+margin: 25mm;
+}
+
+h2, h3 {
+page-break-before: always;
+margin-top: 0;
+}
+
+table {
+page-break-inside: avoid;
+}
+
+a:visited {
+color: black;
+background: #ff8;
+}
+
+a[href^="http"]:visited {
+background: #bff;
+}
+
+div.notice:before {
+display: none;
+}
+}
+</style>
+</head>
+<body>
+<div id="content" class="content">
+<h1 class="title">Gray Theme</h1>
+<div id="table-of-contents" role="doc-toc">
+<h2>Table of Contents</h2>
+<div id="text-table-of-contents" role="doc-toc">
+<ul>
+<li><a href="#org0ccedaf">1. Plain Org</a></li>
+<li><a href="#orgfd19679">2. Lists</a>
+<ul>
+<li><a href="#org407afbb">2.1. Todo List</a>
+<ul>
+<li><a href="#orgc418707">2.1.1. <span class="todo TODO">TODO</span> First todo</a></li>
+<li><a href="#orgc18d408">2.1.2. <span class="done DONE">DONE</span> First Done with Date</a></li>
+<li><a href="#org5a0d070">2.1.3. <span class="todo TODO">TODO</span> Scheduled</a></li>
+<li><a href="#org5671973">2.1.4. <span class="todo TODO">TODO</span> Deadline</a></li>
+<li><a href="#orgf5ede8b">2.1.5. <span class="todo TODO">TODO</span> Date</a></li>
+</ul>
+</li>
+<li><a href="#org78a53a9">2.2. Simple list</a></li>
+<li><a href="#org4bc1f93">2.3. Sorted List</a></li>
+<li><a href="#org164c018">2.4. Checkbox</a></li>
+</ul>
+</li>
+<li><a href="#org0d19632">3. H1</a>
+<ul>
+<li><a href="#orgc6b5857">3.1. H2</a>
+<ul>
+<li><a href="#org8c8b338">3.1.1. H3</a></li>
+</ul>
+</li>
+</ul>
+</li>
+<li><a href="#org13b6831">4. Table</a></li>
+<li><a href="#org951db71">5. Blocks</a>
+<ul>
+<li><a href="#org2a66a12">5.1. Center</a></li>
+<li><a href="#org9d343ad">5.2. Comment</a></li>
+<li><a href="#org5594273">5.3. Example</a></li>
+<li><a href="#orgf723821">5.4. Quote</a></li>
+<li><a href="#orgee741a4">5.5. Verse</a></li>
+<li><a href="#orgddc0891">5.6. Source Blocks</a>
+<ul>
+<li><a href="#org13f87f7">5.6.1. Python</a></li>
+<li><a href="#org26e47e0">5.6.2. Elisp</a></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+
+<div id="outline-container-org0ccedaf" class="outline-2">
+<h2 id="org0ccedaf"><span class="section-number-2">1.</span> Plain Org</h2>
+<div class="outline-text-2" id="text-1">
+<p>
+Includes:
+</p>
+<ul class="org-ul">
+<li class="on"><code>[X]</code> CSS</li>
+<li class="off"><code>[&#xa0;]</code> JAVASCRIPT</li>
+</ul>
+
+<p>
+Available as:
+</p>
+<ul class="org-ul">
+<li class="on"><code>[X]</code> CSS FILE</li>
+<li class="off"><code>[&#xa0;]</code> JS FILE</li>
+<li class="on"><code>[X]</code> SETUPFILE</li>
+</ul>
+</div>
+</div>
+
+<div id="outline-container-orgfd19679" class="outline-2">
+<h2 id="orgfd19679"><span class="section-number-2">2.</span> Lists</h2>
+<div class="outline-text-2" id="text-2">
+</div>
+<div id="outline-container-org407afbb" class="outline-3">
+<h3 id="org407afbb"><span class="section-number-3">2.1.</span> Todo List</h3>
+<div class="outline-text-3" id="text-2-1">
+</div>
+<div id="outline-container-orgc418707" class="outline-4">
+<h4 id="orgc418707"><span class="section-number-4">2.1.1.</span> <span class="todo TODO">TODO</span> First todo</h4>
+</div>
+<div id="outline-container-orgc18d408" class="outline-4">
+<h4 id="orgc18d408"><span class="section-number-4">2.1.2.</span> <span class="done DONE">DONE</span> First Done with Date</h4>
+<div class="outline-text-4" id="text-2-1-2">
+</div>
+</div>
+<div id="outline-container-org5a0d070" class="outline-4">
+<h4 id="org5a0d070"><span class="section-number-4">2.1.3.</span> <span class="todo TODO">TODO</span> Scheduled</h4>
+<div class="outline-text-4" id="text-2-1-3">
+</div>
+</div>
+<div id="outline-container-org5671973" class="outline-4">
+<h4 id="org5671973"><span class="section-number-4">2.1.4.</span> <span class="todo TODO">TODO</span> Deadline</h4>
+<div class="outline-text-4" id="text-2-1-4">
+</div>
+</div>
+<div id="outline-container-orgf5ede8b" class="outline-4">
+<h4 id="orgf5ede8b"><span class="section-number-4">2.1.5.</span> <span class="todo TODO">TODO</span> Date</h4>
+<div class="outline-text-4" id="text-2-1-5">
+<p>
+<span class="timestamp-wrapper"><span class="timestamp">&lt;2021-02-18 Thu&gt;</span></span>
+</p>
+</div>
+</div>
+</div>
+
+<div id="outline-container-org78a53a9" class="outline-3">
+<h3 id="org78a53a9"><span class="section-number-3">2.2.</span> Simple list</h3>
+<div class="outline-text-3" id="text-2-2">
+<ul class="org-ul">
+<li>List item</li>
+<li>List item</li>
+<li>List item</li>
+<li>List item</li>
+</ul>
+</div>
+</div>
+
+<div id="outline-container-org4bc1f93" class="outline-3">
+<h3 id="org4bc1f93"><span class="section-number-3">2.3.</span> Sorted List</h3>
+<div class="outline-text-3" id="text-2-3">
+<ol class="org-ol">
+<li>List item</li>
+<li>List item</li>
+<li>List item</li>
+<li>List item</li>
+</ol>
+</div>
+</div>
+
+<div id="outline-container-org164c018" class="outline-3">
+<h3 id="org164c018"><span class="section-number-3">2.4.</span> Checkbox</h3>
+<div class="outline-text-3" id="text-2-4">
+<ul class="org-ul">
+<li class="off"><code>[&#xa0;]</code> List item</li>
+<li class="on"><code>[X]</code> List item</li>
+<li class="off"><code>[&#xa0;]</code> List item</li>
+<li class="on"><code>[X]</code> List item</li>
+</ul>
+</div>
+</div>
+</div>
+
+
+<div id="outline-container-org0d19632" class="outline-2">
+<h2 id="org0d19632"><span class="section-number-2">3.</span> H1</h2>
+<div class="outline-text-2" id="text-3">
+<p>
+H1 Text
+</p>
+</div>
+<div id="outline-container-orgc6b5857" class="outline-3">
+<h3 id="orgc6b5857"><span class="section-number-3">3.1.</span> H2</h3>
+<div class="outline-text-3" id="text-3-1">
+<p>
+H2 Text
+</p>
+</div>
+<div id="outline-container-org8c8b338" class="outline-4">
+<h4 id="org8c8b338"><span class="section-number-4">3.1.1.</span> H3</h4>
+<div class="outline-text-4" id="text-3-1-1">
+<p>
+H3 Text
+</p>
+</div>
+<ol class="org-ol">
+<li><a id="orge06b470"></a>H4<br />
+<div class="outline-text-5" id="text-3-1-1-1">
+<p>
+H4 Text
+</p>
+</div>
+<ol class="org-ol">
+<li><a id="org3ea6e39"></a>H5<br />
+<div class="outline-text-6" id="text-3-1-1-1-1">
+<p>
+H5 Text
+</p>
+</div>
+<ol class="org-ol">
+<li><a id="org48406a9"></a>H6<br />
+<div class="outline-text-7" id="text-3-1-1-1-1-1">
+<p>
+H6 Text
+</p>
+</div>
+<ol class="org-ol">
+<li><a id="orgee78efe"></a>H7<br />
+<div class="outline-text-8" id="text-3-1-1-1-1-1-1">
+<p>
+H7 Text
+</p>
+</div>
+</li>
+</ol>
+</li>
+</ol>
+</li>
+</ol>
+</li>
+</ol>
+</div>
+</div>
+</div>
+
+
+
+<div id="outline-container-org13b6831" class="outline-2">
+<h2 id="org13b6831"><span class="section-number-2">4.</span> Table</h2>
+<div class="outline-text-2" id="text-4">
+<table border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
+
+
+<colgroup>
+<col  class="org-right" />
+
+<col  class="org-right" />
+
+<col  class="org-right" />
+
+<col  class="org-right" />
+
+<col  class="org-right" />
+
+<col  class="org-right" />
+</colgroup>
+<thead>
+<tr>
+<th scope="col" class="org-right">a</th>
+<th scope="col" class="org-right">b</th>
+<th scope="col" class="org-right">c</th>
+<th scope="col" class="org-right">d</th>
+<th scope="col" class="org-right">e</th>
+<th scope="col" class="org-right">f</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="org-right">0</td>
+<td class="org-right">1</td>
+<td class="org-right">2</td>
+<td class="org-right">3</td>
+<td class="org-right">4</td>
+<td class="org-right">5</td>
+</tr>
+
+<tr>
+<td class="org-right">6</td>
+<td class="org-right">7</td>
+<td class="org-right">8</td>
+<td class="org-right">9</td>
+<td class="org-right">10</td>
+<td class="org-right">11</td>
+</tr>
+
+<tr>
+<td class="org-right">12</td>
+<td class="org-right">13</td>
+<td class="org-right">14</td>
+<td class="org-right">15</td>
+<td class="org-right">16</td>
+<td class="org-right">17</td>
+</tr>
+
+<tr>
+<td class="org-right">18</td>
+<td class="org-right">19</td>
+<td class="org-right">20</td>
+<td class="org-right">21</td>
+<td class="org-right">22</td>
+<td class="org-right">23</td>
+</tr>
+
+<tr>
+<td class="org-right">24</td>
+<td class="org-right">25</td>
+<td class="org-right">26</td>
+<td class="org-right">27</td>
+<td class="org-right">28</td>
+<td class="org-right">29</td>
+</tr>
+</tbody>
+</table>
+</div>
+</div>
+
+
+<div id="outline-container-org951db71" class="outline-2">
+<h2 id="org951db71"><span class="section-number-2">5.</span> Blocks</h2>
+<div class="outline-text-2" id="text-5">
+</div>
+<div id="outline-container-org2a66a12" class="outline-3">
+<h3 id="org2a66a12"><span class="section-number-3">5.1.</span> Center</h3>
+<div class="outline-text-3" id="text-5-1">
+<div class="org-center">
+<p>
+This is a center block
+</p>
+</div>
+</div>
+</div>
+
+<div id="outline-container-org9d343ad" class="outline-3">
+<h3 id="org9d343ad"><span class="section-number-3">5.2.</span> Comment</h3>
+<div class="outline-text-3" id="text-5-2">
+</div>
+</div>
+
+<div id="outline-container-org5594273" class="outline-3">
+<h3 id="org5594273"><span class="section-number-3">5.3.</span> Example</h3>
+<div class="outline-text-3" id="text-5-3">
+<pre class="example" id="org8369dc6">
+This is an example block
+</pre>
+</div>
+</div>
+
+<div id="outline-container-orgf723821" class="outline-3">
+<h3 id="orgf723821"><span class="section-number-3">5.4.</span> Quote</h3>
+<div class="outline-text-3" id="text-5-4">
+<blockquote>
+<p>
+This is a quote block
+</p>
+</blockquote>
+</div>
+</div>
+
+<div id="outline-container-orgee741a4" class="outline-3">
+<h3 id="orgee741a4"><span class="section-number-3">5.5.</span> Verse</h3>
+<div class="outline-text-3" id="text-5-5">
+<p class="verse">
+This is a verse block<br />
+</p>
+</div>
+</div>
+
+
+<div id="outline-container-orgddc0891" class="outline-3">
+<h3 id="orgddc0891"><span class="section-number-3">5.6.</span> Source Blocks</h3>
+<div class="outline-text-3" id="text-5-6">
+</div>
+<div id="outline-container-org13f87f7" class="outline-4">
+<h4 id="org13f87f7"><span class="section-number-4">5.6.1.</span> Python</h4>
+<div class="outline-text-4" id="text-5-6-1">
+<div class="org-src-container">
+<pre class="src src-python"><span style="color: #5180b3;">for</span> i <span style="color: #5180b3;">in</span> <span style="color: #528fd1;">range</span><span style="color: #ff8c00;">(</span>10<span style="color: #ff8c00;">)</span>:
+    <span style="color: #528fd1;">print</span><span style="color: #ff8c00;">(</span>i<span style="color: #ff8c00;">)</span>
+</pre>
+</div>
+
+<pre class="example" id="orgdf8a796">
+0
+1
+2
+3
+4
+5
+6
+7
+8
+9
+</pre>
+</div>
+</div>
+
+<div id="outline-container-org26e47e0" class="outline-4">
+<h4 id="org26e47e0"><span class="section-number-4">5.6.2.</span> Elisp</h4>
+<div class="outline-text-4" id="text-5-6-2">
+<div class="org-src-container">
+<pre class="src src-emacs-lisp"><span style="color: #ff8c00;">(</span>car '<span style="color: #ff1493;">(</span>a b c d<span style="color: #ff1493;">)</span><span style="color: #ff8c00;">)</span>
+</pre>
+</div>
+
+<pre class="example">
+a
+</pre>
+</div>
+</div>
+</div>
+</div>
+</div>
+<div id="postamble" class="status">
+<p class="author">Author: Lee Hinman (<a href="mailto:lee@writequit.org">lee@writequit.org</a>)</p>
+  				      <p class="update">Last Update: 2022-06-24 Fri 19:42</p>
+</div>
+</body>
+</html>
diff --git a/packages/org-themes/public/index.html b/packages/org-themes/public/index.html
index 18d098421f216eea18744ff7d8e20cf8fe47639d..d75e998148f0334da58164242db11682f72da144 100644
--- a/packages/org-themes/public/index.html
+++ b/packages/org-themes/public/index.html
@@ -3,14 +3,14 @@
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
 <head>
-<!-- 2021-03-01 Mon 23:51 -->
+<!-- 2022-06-24 Fri 19:42 -->
 <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1" />
 <title>Org Themes collection</title>
 <meta name="author" content="Marco Pawłowski" />
 <meta name="generator" content="Org Mode" />
-<style type="text/css">
- <!--/*--><![CDATA[/*><!--*/
+<style>
+  #content { max-width: 60em; margin: auto; }
   .title  { text-align: center;
              margin-bottom: .2em; }
   .subtitle { text-align: center;
@@ -31,8 +31,9 @@
   #postamble p, #preamble p { font-size: 90%; margin: .2em; }
   p.verse { margin-left: 3%; }
   pre {
-    border: 1px solid #ccc;
-    box-shadow: 3px 3px 3px #eee;
+    border: 1px solid #e6e6e6;
+    border-radius: 3px;
+    background-color: #f2f2f2;
     padding: 8pt;
     font-family: monospace;
     overflow: auto;
@@ -41,21 +42,21 @@
   pre.src {
     position: relative;
     overflow: auto;
-    padding-top: 1.2em;
   }
   pre.src:before {
     display: none;
     position: absolute;
-    background-color: white;
-    top: -10px;
-    right: 10px;
+    top: -8px;
+    right: 12px;
     padding: 3px;
-    border: 1px solid black;
+    color: #555;
+    background-color: #f2f2f299;
   }
   pre.src:hover:before { display: inline; margin-top: 14px;}
   /* Languages per Org manual */
   pre.src-asymptote:before { content: 'Asymptote'; }
   pre.src-awk:before { content: 'Awk'; }
+  pre.src-authinfo::before { content: 'Authinfo'; }
   pre.src-C:before { content: 'C'; }
   /* pre.src-C++ doesn't work in CSS */
   pre.src-clojure:before { content: 'Clojure'; }
@@ -190,39 +191,16 @@
     { font-size: 10px; font-weight: bold; white-space: nowrap; }
   .org-info-js_search-highlight
     { background-color: #ffff00; color: #000000; font-weight: bold; }
-  .org-svg { width: 90%; }
-  /*]]>*/-->
+  .org-svg { }
 </style>
-<script type="text/javascript">
-// @license magnet:?xt=urn:btih:e95b018ef3580986a04669f1b5879592219e2a7a&dn=public-domain.txt Public Domain
-<!--/*--><![CDATA[/*><!--*/
-     function CodeHighlightOn(elem, id)
-     {
-       var target = document.getElementById(id);
-       if(null != target) {
-         elem.classList.add("code-highlighted");
-         target.classList.add("code-highlighted");
-       }
-     }
-     function CodeHighlightOff(elem, id)
-     {
-       var target = document.getElementById(id);
-       if(null != target) {
-         elem.classList.remove("code-highlighted");
-         target.classList.remove("code-highlighted");
-       }
-     }
-    /*]]>*///-->
-// @license-end
-</script>
 </head>
 <body>
-<div id="content">
+<div id="content" class="content">
 <h1 class="title">Org Themes collection</h1>
 
 
 <div id="outline-container-org49cbd84" class="outline-2">
-<h2 id="org49cbd84"><span class="section-number-2">1</span> Introduction</h2>
+<h2 id="org49cbd84"><span class="section-number-2">1.</span> Introduction</h2>
 <div class="outline-text-2" id="text-1">
 <p>
 This is a collection of org html themes.<br />
@@ -254,7 +232,7 @@ The git repository with all files is here: <a href="https://gitlab.com/OlMon/org
 </div>
 
 <div id="outline-container-orgb75f03f" class="outline-3">
-<h3 id="orgb75f03f"><span class="section-number-3">1.1</span> Credits and apology</h3>
+<h3 id="orgb75f03f"><span class="section-number-3">1.1.</span> Credits and apology</h3>
 <div class="outline-text-3" id="text-1-1">
 <p>
 I used them mainly embedded, with custom created SETUPFILES.<br />
@@ -266,7 +244,7 @@ without your name. Please contact me, so I can credit you.<br />
 </div>
 
 <div id="outline-container-org13f0fb5" class="outline-3">
-<h3 id="org13f0fb5"><span class="section-number-3">1.2</span> Contributions</h3>
+<h3 id="org13f0fb5"><span class="section-number-3">1.2.</span> Contributions</h3>
 <div class="outline-text-3" id="text-1-2">
 <p>
 I am happy to include any theme.<br />
@@ -275,7 +253,7 @@ I am happy to include any theme.<br />
 </div>
 
 <div id="outline-container-orgb0c111f" class="outline-3">
-<h3 id="orgb0c111f"><span class="section-number-3">1.3</span> The list of Themes:</h3>
+<h3 id="orgb0c111f"><span class="section-number-3">1.3.</span> The list of Themes:</h3>
 <div class="outline-text-3" id="text-1-3">
 <table border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
 
@@ -296,6 +274,10 @@ I am happy to include any theme.<br />
 <td class="org-left"><a href="darksun/darksun.html">darksun</a></td>
 </tr>
 
+<tr>
+<td class="org-left"><a href="gray/gray.html">gray</a></td>
+</tr>
+
 <tr>
 <td class="org-left"><a href="imagine_light/imagine_light.html">imagine light</a></td>
 </tr>
@@ -358,7 +340,7 @@ I am happy to include any theme.<br />
 
 
 <div id="outline-container-org87b5065" class="outline-3">
-<h3 id="org87b5065"><span class="section-number-3">1.4</span> Irony</h3>
+<h3 id="org87b5065"><span class="section-number-3">1.4.</span> Irony</h3>
 <div class="outline-text-3" id="text-1-4">
 <p>
 There is a reason that this page has no custom css.<br />
@@ -369,7 +351,7 @@ There is a reason that this page has no custom css.<br />
 </div>
 <div id="postamble" class="status">
 <p class="author">Author: Marco Pawłowski (<a href="mailto:pawlowski.marco@gmail.com">pawlowski.marco@gmail.com</a>)</p>
-                                      <p class="update">Last Update: 2021-03-01 Mon 23:51</p>
+  				      <p class="update">Last Update: 2022-06-24 Fri 19:40</p>
 </div>
 </body>
 </html>
diff --git a/packages/org-themes/src/gray/gray.css b/packages/org-themes/src/gray/gray.css
new file mode 100644
index 0000000000000000000000000000000000000000..a0da868ca809e561de74b4a8acefaaeace175cf5
--- /dev/null
+++ b/packages/org-themes/src/gray/gray.css
@@ -0,0 +1,497 @@
+body {
+    font-family: Helvetica, Arial, sans-serif;
+    font-size: 16px;
+    line-height: 1.4;
+    color: #33333f;
+    }
+
+code {
+        font-family: "Inconsolata", "monospace";
+        font-size: 16px;
+    }
+
+p>code, li>code {
+        background-color: #eee;
+        padding: 0.25em;
+    }
+
+h1, h2, h3 {
+        font-family: "Roboto Slab", Helvetica, Arial, sans-serif;
+    }
+
+h2 {
+        border-bottom: 1px solid #f0c;
+        padding-bottom: 0.5em;
+        font-size: 1.75em;
+    }
+
+h3 {
+        margin-top: 2em;
+        font-size: 1.5em;
+    }
+
+h4 {
+        font-size: 1.25em;
+    }
+
+h5 {
+        font-size: 1em;
+    }
+
+h2 code, h3 code, h4 code, h5 code, td code {
+        font-family: inherit !important;
+        font-size: inherit !important;
+    }
+
+td code {
+        font-weight: bold;
+    }
+
+a:link, a:hover, a:visited {
+                         text-decoration: none;
+                         color: black;
+                     }
+
+a:link {
+        background: #ff8;
+    }
+
+a:visited {
+        color: #666;
+        background: #ffc;
+    }
+
+a:link:hover,
+a:visited:hover {
+        background: #ff0;
+    }
+
+a[href^="http"] {
+        background: #bff;
+    }
+
+a[href^="http"]:visited {
+        background: #dff;
+    }
+
+a[href^="http"]:link:hover,
+a[href^="http"]:visited:hover {
+        background: #0ff;
+    }
+
+a[href^="http"]:after {
+        content: "\21B3";
+        background: white;
+        padding-left: 0.2em;
+    }
+
+#meta {
+        margin-top: 2em;
+    }
+
+#table-of-contents a:link,
+#table-of-contents a:visited {
+        color: black;
+        background: transparent;
+    }
+
+#table-of-contents {
+        line-height: 1.2;
+    }
+#table-of-contents h2 {
+        border-bottom: 0;
+    }
+
+#table-of-contents ul {
+        list-style: none;
+        padding-left: 0.5em;
+        font-weight: normal;
+    }
+
+#table-of-contents div>ul>li {
+        margin-top: 1em;
+        font-weight: bold;
+    }
+
+#table-of-contents .tag {
+        display: none;
+    }
+
+#table-of-contents .todo,
+#table-of-contents .done {
+        font-size: 80%;
+    }
+
+#table-of-contents ol>li {
+        margin-top: 1em;
+    }
+
+table {
+        width: 100%;
+    }
+
+table, th, td {
+        border: 1px solid #666;
+    }
+
+th, td {
+        padding: 0.5em;
+        text-align: left;
+    }
+
+tbody tr:nth-child(odd) {
+        background-color: #eee;
+    }
+
+img {
+        max-width: 90%;
+    }
+
+div.notice {
+        position: relative;
+        margin: 0 1.2em;
+        padding: 0.25em 1em;
+        border-left: 4px solid;
+    }
+
+table + div.notice {
+        margin-top: 2em;
+    }
+
+div.notice a {
+        background: transparent !important;
+        border-bottom: 1px dotted;
+    }
+
+div.notice a[href^="http"]:after {
+        background: transparent !important;
+    }
+
+div.notice:before {
+        position: absolute;
+        top: 0;
+        right: 0;
+        padding: 0.25em 0.5em 0;
+        font-size: 60%;
+        border-bottom-left-radius: 0.5em;
+    }
+
+.notice-warning {
+        background: #fcc;
+        color: #600;
+    }
+
+.notice-example {
+        background: #def;
+        color: #069;
+    }
+
+.notice-info {
+        background: #efe;
+        color: #060;
+    }
+
+.notice-warning a {
+        color: #600;
+    }
+
+.notice-example a {
+        color: #069;
+    }
+
+.notice-info a {
+        color: #060;
+    }
+
+div.notice-warning:before {
+        content: "WARNING";
+        background: #c99;
+        color: #fcc;
+    }
+
+div.notice-example:before {
+        content: "EXAMPLE";
+        background: #abc;
+        color: #def;
+    }
+
+div.notice-info:before {
+        content: "INFO";
+        background: #9c9;
+        color: #efe;
+    }
+
+/* things inside the #+BEGIN_NOTE...#+END_NOTE block */
+div.NOTE a {
+        background: transparent !important;
+        border-bottom: 1px dotted;
+    }
+
+div.NOTE {
+        position: relative;
+        margin: 0 1.2em;
+        padding: 0.25em 1em;
+        border-left: 4px solid;
+        margin-top: 2em;
+        background: #efe;
+        color: #060;
+    }
+
+div.NOTE:before {
+        position: absolute;
+        top: 0;
+        right: 0;
+        padding: 0.25em 0.5em 0;
+        font-size: 60%;
+        border-bottom-left-radius: 0.5em;
+        content: "NOTE";
+        background: #9c9;
+        color: #efe;
+    }
+
+blockquote {
+        padding: 0px 10px 0px 10px;
+        border: 1px solid #ddd;
+        background: #eee;
+        box-shadow: 5px 5px 5px #eee;
+        border-radius: 2px;
+        line-height: 1.2em;
+    }
+
+pre {
+        font-family: "Inconsolata", "monospace";
+        font-size: 100%;
+        border: 0;
+        box-shadow: none;
+        overflow: auto;
+    }
+
+pre.example:before {
+        content: "EXAMPLE";
+        display: block;
+        border-bottom: 1px dotted;
+        margin-bottom: 1em;
+    }
+
+pre.example {
+        background: #fec;
+        color: #666;
+        font-size: 0.85em;
+    }
+
+pre {
+        background-color: #f8f8f8;
+        background-size: 8px 8px;
+        background-image: linear-gradient(135deg, transparent 25%, rgba(0, 0, 0, 0.02) 25%, rgba(0, 0, 0, 0.02) 50%, transparent 50%, transparent 75%, rgba(0, 0, 0, 0.02) 75%, rgba(0, 0, 0, 0.02));
+    }
+
+pre.src {
+        padding: 0.5em;
+    }
+
+pre.src:before {
+        display: block;
+        position: absolute;
+        background-color: #ccccd0;
+        top: 0;
+        right: 0;
+        padding: 0.25em 0.5em;
+        border-bottom-left-radius: 8px;
+        border: 0;
+        color: white;
+        font-size: 80%;
+    }
+
+pre.src-plantuml:before {
+        content: "UML";
+    }
+
+pre.src-javascript:before {
+        content: "JS";
+    }
+
+pre.src-clojure:before {
+        content: "CLJ";
+    }
+
+pre.src-c:before {
+        content: "C";
+    }
+
+pre.src-sh:before {
+        content: "Shell";
+    }
+
+pre.src-es:before {
+        content: "ES";
+    }
+
+span.org-string {
+        color: #f94;
+    }
+
+span.org-keyword {
+        color: #c07;
+    }
+
+span.org-variable-name {
+        color: #f04;
+    }
+
+span.org-clojure-keyword {
+        color: #09f;
+    }
+
+span.org-comment, span.org-comment-delimiter {
+        color: #999;
+    }
+
+span.org-rainbow-delimiters-depth-1, span.org-rainbow-delimiters-depth-5 {
+        color: #666;
+    }
+
+span.org-rainbow-delimiters-depth-2, span.org-rainbow-delimiters-depth-6 {
+        color: #888;
+    }
+
+span.org-rainbow-delimiters-depth-3, span.org-rainbow-delimiters-depth-7 {
+        color: #aaa;
+    }
+
+span.org-rainbow-delimiters-depth-4, span.org-rainbow-delimiters-depth-8 {
+        color: #ccc;
+    }
+
+div.figure {
+        font-size: 0.85em;
+    }
+
+.tag {
+        font-family: "Roboto Slab", Helvetica, Arial, sans-serif;
+        font-size: 11px;
+        font-weight: normal;
+        float: right;
+        margin-top: 1em;
+        background: transparent;
+    }
+
+.tag span {
+        background: #ccc;
+        padding: 0 0.5em;
+        border-radius: 0.2em;
+        color: white;
+    }
+
+.todo, .done {
+        font-family: "Roboto Slab", Helvetica, Arial, sans-serif;
+        font-weight: normal;
+        padding: 0 0.25em;
+        border-radius: 0.2em;
+    }
+
+.todo {
+        background: #f04;
+        color: white;
+    }
+
+.done {
+        background: #5f7;
+        color: white;
+    }
+
+@media screen {
+        h1.title {
+                text-align: left;
+                margin: 0.5em 0 1em 0;
+            }
+    
+        h2 {
+                margin-top: 3em;
+            }
+    
+        #table-of-contents {
+                position: fixed;
+                top: 0;
+                left: 0;
+                padding: 2em 0 2em 2em;
+                width: 290px;
+                height: 100vh;
+                font-size: 11px;
+                background: #eee;
+                overlow-x: hidden;
+                overlow-y: auto;
+            }
+    
+        #table-of-contents h2 {
+                margin-top: 0;
+            }
+    
+        #table-of-contents code {
+                font-size: 12px;
+            }
+    
+        div#content {
+                margin-left: 320px;
+                max-width: 1100px;
+            }
+        div#postamble {
+                margin-left: 320px;
+                max-width: 1100px;
+            }
+    }
+
+@media screen and (max-width: 1024px) {
+        html, body {
+                font-size: 14px;
+            }
+    
+        #table-of-contents {
+                display: none;
+            }
+    
+        h1.title {
+                margin-left: 0%;
+            }
+    
+        div#content {
+                margin-left: 5%;
+                max-width: 90%;
+            }
+        div#postamble {
+                margin-left: 5%;
+                max-width: 90%;
+            }
+    }
+
+@media print {
+    
+        body {
+                color: black;
+            }
+    
+        @page {
+                margin: 25mm;
+            }
+    
+        h2, h3 {
+                page-break-before: always;
+                margin-top: 0;
+            }
+    
+        table {
+                page-break-inside: avoid;
+            }
+    
+        a:visited {
+                color: black;
+                background: #ff8;
+            }
+    
+        a[href^="http"]:visited {
+            background: #bff;
+        }
+    
+        div.notice:before {
+            display: none;
+        }
+}
diff --git a/packages/org-themes/src/gray/gray.org b/packages/org-themes/src/gray/gray.org
new file mode 100644
index 0000000000000000000000000000000000000000..1b35cb3c34c5c6ee47666b65e06bdfa79f2ba548
--- /dev/null
+++ b/packages/org-themes/src/gray/gray.org
@@ -0,0 +1,132 @@
+#+SETUPFILE: ~/.emacs.d/org-styles/html/gray.theme
+#+TITLE: Gray Theme
+#+AUTHOR: Lee Hinman
+#+EMAIL: lee@writequit.org
+#+OPTIONS: ^:nil <:t
+
+* Plain Org
+Includes:
+- [X] CSS
+- [ ] JAVASCRIPT
+
+Available as:
+- [X] CSS FILE
+- [ ] JS FILE
+- [X] SETUPFILE
+
+* Lists
+** Todo List
+*** TODO First todo
+*** DONE First Done with Date
+CLOSED: [2021-02-18 Thu 10:12]
+*** TODO Scheduled
+SCHEDULED: <2021-02-18 Thu>
+*** TODO Deadline
+DEADLINE: <2021-02-18 Thu>
+*** TODO Date
+<2021-02-18 Thu>
+
+** Simple list
+- List item
+- List item
+- List item
+- List item
+
+** Sorted List
+1. List item
+2. List item
+3. List item
+4. List item
+
+** Checkbox
+- [ ] List item
+- [X] List item
+- [ ] List item
+- [X] List item
+
+
+* H1
+H1 Text
+** H2
+H2 Text
+*** H3
+H3 Text
+**** H4
+H4 Text
+***** H5
+H5 Text
+****** H6
+H6 Text
+******* H7
+H7 Text
+
+
+
+* Table
+
+|  a |  b |  c |  d |  e |  f |
+|----+----+----+----+----+----|
+|  0 |  1 |  2 |  3 |  4 |  5 |
+|  6 |  7 |  8 |  9 | 10 | 11 |
+| 12 | 13 | 14 | 15 | 16 | 17 |
+| 18 | 19 | 20 | 21 | 22 | 23 |
+| 24 | 25 | 26 | 27 | 28 | 29 |
+
+
+* Blocks
+** Center
+#+begin_center
+This is a center block
+#+end_center
+
+** Comment
+#+begin_comment
+This is a comment block
+#+end_comment
+
+** Example
+#+begin_example
+This is an example block
+#+end_example
+
+** Quote
+#+begin_quote
+This is a quote block
+#+end_quote
+
+** Verse
+#+begin_verse
+This is a verse block
+#+end_verse
+
+
+** Source Blocks
+*** Python
+#+begin_src python :results output :exports both
+for i in range(10):
+    print(i)
+#+end_src
+
+#+RESULTS:
+#+begin_example
+0
+1
+2
+3
+4
+5
+6
+7
+8
+9
+#+end_example
+
+*** Elisp
+#+begin_src emacs-lisp :exports both
+(car '(a b c d))
+#+end_src
+
+#+RESULTS:
+: a
+
+
diff --git a/packages/org-themes/src/gray/gray.theme b/packages/org-themes/src/gray/gray.theme
new file mode 100644
index 0000000000000000000000000000000000000000..f5b0c39dfbe653f3f77e6cd7fc413ca8097cbd0f
--- /dev/null
+++ b/packages/org-themes/src/gray/gray.theme
@@ -0,0 +1,502 @@
+# Turn off default internal styles
+#+OPTIONS: html-style:nil
+
+#+HTML_HEAD: <style type="text/css">
+#+HTML_HEAD: body {
+#+HTML_HEAD:     font-family: Helvetica, Arial, sans-serif;
+#+HTML_HEAD:     font-size: 16px;
+#+HTML_HEAD:     line-height: 1.4;
+#+HTML_HEAD:     color: #33333f;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: code {
+#+HTML_HEAD:     font-family: "Inconsolata", "monospace";
+#+HTML_HEAD:     font-size: 16px;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: p>code, li>code {
+#+HTML_HEAD:     background-color: #eee;
+#+HTML_HEAD:     padding: 0.25em;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: h1, h2, h3 {
+#+HTML_HEAD:     font-family: "Roboto Slab", Helvetica, Arial, sans-serif;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: h2 {
+#+HTML_HEAD:     border-bottom: 1px solid #f0c;
+#+HTML_HEAD:     padding-bottom: 0.5em;
+#+HTML_HEAD:     font-size: 1.75em;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: h3 {
+#+HTML_HEAD:     margin-top: 2em;
+#+HTML_HEAD:     font-size: 1.5em;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: h4 {
+#+HTML_HEAD:     font-size: 1.25em;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: h5 {
+#+HTML_HEAD:     font-size: 1em;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: h2 code, h3 code, h4 code, h5 code, td code {
+#+HTML_HEAD:     font-family: inherit !important;
+#+HTML_HEAD:     font-size: inherit !important;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: td code {
+#+HTML_HEAD:     font-weight: bold;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: a:link, a:hover, a:visited {
+#+HTML_HEAD:                      text-decoration: none;
+#+HTML_HEAD:                      color: black;
+#+HTML_HEAD:                  }
+#+HTML_HEAD: 
+#+HTML_HEAD: a:link {
+#+HTML_HEAD:     background: #ff8;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: a:visited {
+#+HTML_HEAD:     color: #666;
+#+HTML_HEAD:     background: #ffc;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: a:link:hover,
+#+HTML_HEAD: a:visited:hover {
+#+HTML_HEAD:     background: #ff0;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: a[href^="http"] {
+#+HTML_HEAD:     background: #bff;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: a[href^="http"]:visited {
+#+HTML_HEAD:     background: #dff;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: a[href^="http"]:link:hover,
+#+HTML_HEAD: a[href^="http"]:visited:hover {
+#+HTML_HEAD:     background: #0ff;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: a[href^="http"]:after {
+#+HTML_HEAD:     content: "\21B3";
+#+HTML_HEAD:     background: white;
+#+HTML_HEAD:     padding-left: 0.2em;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: #meta {
+#+HTML_HEAD:     margin-top: 2em;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: #table-of-contents a:link,
+#+HTML_HEAD: #table-of-contents a:visited {
+#+HTML_HEAD:     color: black;
+#+HTML_HEAD:     background: transparent;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: #table-of-contents {
+#+HTML_HEAD:     line-height: 1.2;
+#+HTML_HEAD: }
+#+HTML_HEAD: #table-of-contents h2 {
+#+HTML_HEAD:     border-bottom: 0;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: #table-of-contents ul {
+#+HTML_HEAD:     list-style: none;
+#+HTML_HEAD:     padding-left: 0.5em;
+#+HTML_HEAD:     font-weight: normal;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: #table-of-contents div>ul>li {
+#+HTML_HEAD:     margin-top: 1em;
+#+HTML_HEAD:     font-weight: bold;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: #table-of-contents .tag {
+#+HTML_HEAD:     display: none;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: #table-of-contents .todo,
+#+HTML_HEAD: #table-of-contents .done {
+#+HTML_HEAD:     font-size: 80%;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: #table-of-contents ol>li {
+#+HTML_HEAD:     margin-top: 1em;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: table {
+#+HTML_HEAD:     width: 100%;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: table, th, td {
+#+HTML_HEAD:     border: 1px solid #666;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: th, td {
+#+HTML_HEAD:     padding: 0.5em;
+#+HTML_HEAD:     text-align: left;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: tbody tr:nth-child(odd) {
+#+HTML_HEAD:     background-color: #eee;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: img {
+#+HTML_HEAD:     max-width: 90%;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: div.notice {
+#+HTML_HEAD:     position: relative;
+#+HTML_HEAD:     margin: 0 1.2em;
+#+HTML_HEAD:     padding: 0.25em 1em;
+#+HTML_HEAD:     border-left: 4px solid;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: table + div.notice {
+#+HTML_HEAD:     margin-top: 2em;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: div.notice a {
+#+HTML_HEAD:     background: transparent !important;
+#+HTML_HEAD:     border-bottom: 1px dotted;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: div.notice a[href^="http"]:after {
+#+HTML_HEAD:     background: transparent !important;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: div.notice:before {
+#+HTML_HEAD:     position: absolute;
+#+HTML_HEAD:     top: 0;
+#+HTML_HEAD:     right: 0;
+#+HTML_HEAD:     padding: 0.25em 0.5em 0;
+#+HTML_HEAD:     font-size: 60%;
+#+HTML_HEAD:     border-bottom-left-radius: 0.5em;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: .notice-warning {
+#+HTML_HEAD:     background: #fcc;
+#+HTML_HEAD:     color: #600;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: .notice-example {
+#+HTML_HEAD:     background: #def;
+#+HTML_HEAD:     color: #069;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: .notice-info {
+#+HTML_HEAD:     background: #efe;
+#+HTML_HEAD:     color: #060;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: .notice-warning a {
+#+HTML_HEAD:     color: #600;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: .notice-example a {
+#+HTML_HEAD:     color: #069;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: .notice-info a {
+#+HTML_HEAD:     color: #060;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: div.notice-warning:before {
+#+HTML_HEAD:     content: "WARNING";
+#+HTML_HEAD:     background: #c99;
+#+HTML_HEAD:     color: #fcc;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: div.notice-example:before {
+#+HTML_HEAD:     content: "EXAMPLE";
+#+HTML_HEAD:     background: #abc;
+#+HTML_HEAD:     color: #def;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: div.notice-info:before {
+#+HTML_HEAD:     content: "INFO";
+#+HTML_HEAD:     background: #9c9;
+#+HTML_HEAD:     color: #efe;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: /* things inside the #+BEGIN_NOTE...#+END_NOTE block */
+#+HTML_HEAD: div.NOTE a {
+#+HTML_HEAD:     background: transparent !important;
+#+HTML_HEAD:     border-bottom: 1px dotted;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: div.NOTE {
+#+HTML_HEAD:     position: relative;
+#+HTML_HEAD:     margin: 0 1.2em;
+#+HTML_HEAD:     padding: 0.25em 1em;
+#+HTML_HEAD:     border-left: 4px solid;
+#+HTML_HEAD:     margin-top: 2em;
+#+HTML_HEAD:     background: #efe;
+#+HTML_HEAD:     color: #060;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: div.NOTE:before {
+#+HTML_HEAD:     position: absolute;
+#+HTML_HEAD:     top: 0;
+#+HTML_HEAD:     right: 0;
+#+HTML_HEAD:     padding: 0.25em 0.5em 0;
+#+HTML_HEAD:     font-size: 60%;
+#+HTML_HEAD:     border-bottom-left-radius: 0.5em;
+#+HTML_HEAD:     content: "NOTE";
+#+HTML_HEAD:     background: #9c9;
+#+HTML_HEAD:     color: #efe;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: blockquote {
+#+HTML_HEAD:     padding: 0px 10px 0px 10px;
+#+HTML_HEAD:     border: 1px solid #ddd;
+#+HTML_HEAD:     background: #eee;
+#+HTML_HEAD:     box-shadow: 5px 5px 5px #eee;
+#+HTML_HEAD:     border-radius: 2px;
+#+HTML_HEAD:     line-height: 1.2em;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: pre {
+#+HTML_HEAD:     font-family: "Inconsolata", "monospace";
+#+HTML_HEAD:     font-size: 100%;
+#+HTML_HEAD:     border: 0;
+#+HTML_HEAD:     box-shadow: none;
+#+HTML_HEAD:     overflow: auto;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: pre.example:before {
+#+HTML_HEAD:     content: "EXAMPLE";
+#+HTML_HEAD:     display: block;
+#+HTML_HEAD:     border-bottom: 1px dotted;
+#+HTML_HEAD:     margin-bottom: 1em;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: pre.example {
+#+HTML_HEAD:     background: #fec;
+#+HTML_HEAD:     color: #666;
+#+HTML_HEAD:     font-size: 0.85em;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: pre {
+#+HTML_HEAD:     background-color: #f8f8f8;
+#+HTML_HEAD:     background-size: 8px 8px;
+#+HTML_HEAD:     background-image: linear-gradient(135deg, transparent 25%, rgba(0, 0, 0, 0.02) 25%, rgba(0, 0, 0, 0.02) 50%, transparent 50%, transparent 75%, rgba(0, 0, 0, 0.02) 75%, rgba(0, 0, 0, 0.02));
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: pre.src {
+#+HTML_HEAD:     padding: 0.5em;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: pre.src:before {
+#+HTML_HEAD:     display: block;
+#+HTML_HEAD:     position: absolute;
+#+HTML_HEAD:     background-color: #ccccd0;
+#+HTML_HEAD:     top: 0;
+#+HTML_HEAD:     right: 0;
+#+HTML_HEAD:     padding: 0.25em 0.5em;
+#+HTML_HEAD:     border-bottom-left-radius: 8px;
+#+HTML_HEAD:     border: 0;
+#+HTML_HEAD:     color: white;
+#+HTML_HEAD:     font-size: 80%;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: pre.src-plantuml:before {
+#+HTML_HEAD:     content: "UML";
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: pre.src-javascript:before {
+#+HTML_HEAD:     content: "JS";
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: pre.src-clojure:before {
+#+HTML_HEAD:     content: "CLJ";
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: pre.src-c:before {
+#+HTML_HEAD:     content: "C";
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: pre.src-sh:before {
+#+HTML_HEAD:     content: "Shell";
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: pre.src-es:before {
+#+HTML_HEAD:     content: "ES";
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: span.org-string {
+#+HTML_HEAD:     color: #f94;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: span.org-keyword {
+#+HTML_HEAD:     color: #c07;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: span.org-variable-name {
+#+HTML_HEAD:     color: #f04;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: span.org-clojure-keyword {
+#+HTML_HEAD:     color: #09f;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: span.org-comment, span.org-comment-delimiter {
+#+HTML_HEAD:     color: #999;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: span.org-rainbow-delimiters-depth-1, span.org-rainbow-delimiters-depth-5 {
+#+HTML_HEAD:     color: #666;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: span.org-rainbow-delimiters-depth-2, span.org-rainbow-delimiters-depth-6 {
+#+HTML_HEAD:     color: #888;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: span.org-rainbow-delimiters-depth-3, span.org-rainbow-delimiters-depth-7 {
+#+HTML_HEAD:     color: #aaa;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: span.org-rainbow-delimiters-depth-4, span.org-rainbow-delimiters-depth-8 {
+#+HTML_HEAD:     color: #ccc;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: div.figure {
+#+HTML_HEAD:     font-size: 0.85em;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: .tag {
+#+HTML_HEAD:     font-family: "Roboto Slab", Helvetica, Arial, sans-serif;
+#+HTML_HEAD:     font-size: 11px;
+#+HTML_HEAD:     font-weight: normal;
+#+HTML_HEAD:     float: right;
+#+HTML_HEAD:     margin-top: 1em;
+#+HTML_HEAD:     background: transparent;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: .tag span {
+#+HTML_HEAD:     background: #ccc;
+#+HTML_HEAD:     padding: 0 0.5em;
+#+HTML_HEAD:     border-radius: 0.2em;
+#+HTML_HEAD:     color: white;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: .todo, .done {
+#+HTML_HEAD:     font-family: "Roboto Slab", Helvetica, Arial, sans-serif;
+#+HTML_HEAD:     font-weight: normal;
+#+HTML_HEAD:     padding: 0 0.25em;
+#+HTML_HEAD:     border-radius: 0.2em;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: .todo {
+#+HTML_HEAD:     background: #f04;
+#+HTML_HEAD:     color: white;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: .done {
+#+HTML_HEAD:     background: #5f7;
+#+HTML_HEAD:     color: white;
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: @media screen {
+#+HTML_HEAD:     h1.title {
+#+HTML_HEAD:         text-align: left;
+#+HTML_HEAD:         margin: 0.5em 0 1em 0;
+#+HTML_HEAD:     }
+#+HTML_HEAD: 
+#+HTML_HEAD:     h2 {
+#+HTML_HEAD:         margin-top: 3em;
+#+HTML_HEAD:     }
+#+HTML_HEAD: 
+#+HTML_HEAD:     #table-of-contents {
+#+HTML_HEAD:         position: fixed;
+#+HTML_HEAD:         top: 0;
+#+HTML_HEAD:         left: 0;
+#+HTML_HEAD:         padding: 2em 0 2em 2em;
+#+HTML_HEAD:         width: 290px;
+#+HTML_HEAD:         height: 100vh;
+#+HTML_HEAD:         font-size: 11px;
+#+HTML_HEAD:         background: #eee;
+#+HTML_HEAD:         overlow-x: hidden;
+#+HTML_HEAD:         overlow-y: auto;
+#+HTML_HEAD:     }
+#+HTML_HEAD: 
+#+HTML_HEAD:     #table-of-contents h2 {
+#+HTML_HEAD:         margin-top: 0;
+#+HTML_HEAD:     }
+#+HTML_HEAD: 
+#+HTML_HEAD:     #table-of-contents code {
+#+HTML_HEAD:         font-size: 12px;
+#+HTML_HEAD:     }
+#+HTML_HEAD: 
+#+HTML_HEAD:     div#content {
+#+HTML_HEAD:         margin-left: 320px;
+#+HTML_HEAD:         max-width: 1100px;
+#+HTML_HEAD:     }
+#+HTML_HEAD:     div#postamble {
+#+HTML_HEAD:         margin-left: 320px;
+#+HTML_HEAD:         max-width: 1100px;
+#+HTML_HEAD:     }
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: @media screen and (max-width: 1024px) {
+#+HTML_HEAD:     html, body {
+#+HTML_HEAD:         font-size: 14px;
+#+HTML_HEAD:     }
+#+HTML_HEAD: 
+#+HTML_HEAD:     #table-of-contents {
+#+HTML_HEAD:         display: none;
+#+HTML_HEAD:     }
+#+HTML_HEAD: 
+#+HTML_HEAD:     h1.title {
+#+HTML_HEAD:         margin-left: 0%;
+#+HTML_HEAD:     }
+#+HTML_HEAD: 
+#+HTML_HEAD:     div#content {
+#+HTML_HEAD:         margin-left: 5%;
+#+HTML_HEAD:         max-width: 90%;
+#+HTML_HEAD:     }
+#+HTML_HEAD:     div#postamble {
+#+HTML_HEAD:         margin-left: 5%;
+#+HTML_HEAD:         max-width: 90%;
+#+HTML_HEAD:     }
+#+HTML_HEAD: }
+#+HTML_HEAD: 
+#+HTML_HEAD: @media print {
+#+HTML_HEAD: 
+#+HTML_HEAD:     body {
+#+HTML_HEAD:         color: black;
+#+HTML_HEAD:     }
+#+HTML_HEAD: 
+#+HTML_HEAD:     @page {
+#+HTML_HEAD:         margin: 25mm;
+#+HTML_HEAD:     }
+#+HTML_HEAD: 
+#+HTML_HEAD:     h2, h3 {
+#+HTML_HEAD:         page-break-before: always;
+#+HTML_HEAD:         margin-top: 0;
+#+HTML_HEAD:     }
+#+HTML_HEAD: 
+#+HTML_HEAD:     table {
+#+HTML_HEAD:         page-break-inside: avoid;
+#+HTML_HEAD:     }
+#+HTML_HEAD: 
+#+HTML_HEAD:     a:visited {
+#+HTML_HEAD:         color: black;
+#+HTML_HEAD:         background: #ff8;
+#+HTML_HEAD:     }
+#+HTML_HEAD: 
+#+HTML_HEAD:     a[href^="http"]:visited {
+#+HTML_HEAD:         background: #bff;
+#+HTML_HEAD:     }
+#+HTML_HEAD: 
+#+HTML_HEAD:     div.notice:before {
+#+HTML_HEAD:         display: none;
+#+HTML_HEAD:     }
+#+HTML_HEAD: }
+#+HTML_HEAD: </style>
\ No newline at end of file
diff --git a/packages/org-themes/src/index.org b/packages/org-themes/src/index.org
index 25a3511ee261187b67669ba00f5ebaf1e2249b7b..65829b94f3da557151ee7d1ec5c2ee2fd35028f1 100644
--- a/packages/org-themes/src/index.org
+++ b/packages/org-themes/src/index.org
@@ -16,7 +16,7 @@ inside =style= and =script= tags.
 
 Include it by using:
 #+begin_src emacs-lisp
-#+SETUPFILE: <path to .theme file>
+,#+SETUPFILE: <path to .theme file>
 #+end_src
   
 Every theme is rendered with the same org file. A plane version is also included.
@@ -33,7 +33,7 @@ I am happy to include any theme.
 
 ** The list of Themes:
 #+NAME: Themes list
-#+begin_src emacs-lisp :exports results
+#+begin_src emacs-lisp :exports none
 ;; https://kitchingroup.cheme.cmu.edu/blog/2014/03/23/Make-a-list-of-org-files-in-all-the-subdirectories-of-the-current-working-directory/
 (defun os-walk (root)
   (let ((files '()) ;empty list to store results
@@ -61,17 +61,15 @@ I am happy to include any theme.
 
 (mapcar 
  (lambda (x) (princ (format "[[%s][%s]]\n"  x (replace-regexp-in-string "\.org$" "" (replace-regexp-in-string "_" " " (replace-regexp-in-string ".*/" "" (file-relative-name x ".")))))))
- (remove-if-not 
+ (cl-remove-if-not 
   (lambda (x) (and (string= (file-name-extension x) "org") (not (string-match "example" x)) (not (string-match "index" x))))
   (os-walk "")))
 #+end_src
 
-
-
-#+RESULTS: Themes list
 | [[file:/home/olmon/Workplace/Org/Themes/src/bigblow_inline/bigblow.org][bigblow]]           |
 | [[file:/home/olmon/Workplace/Org/Themes/src/comfy_inline/comfy_inline.org][comfy inline]]      |
 | [[file:/home/olmon/Workplace/Org/Themes/src/darksun/darksun.org][darksun]]           |
+| [[file:/home/olmon/Workplace/Org/Themes/src/gray/gray.org][gray]]              |
 | [[file:/home/olmon/Workplace/Org/Themes/src/imagine_light/imagine_light.org][imagine light]]     |
 | [[file:/home/olmon/Workplace/Org/Themes/src/latexcss/latexcss.org][latexcss]]          |
 | [[file:/home/olmon/Workplace/Org/Themes/src/plain/plain.org][plain]]             |