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>[ ]</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>[ ]</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"><2021-02-18 Thu></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>[ ]</code> List item</li>
+<li class="on"><code>[X]</code> List item</li>
+<li class="off"><code>[ ]</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]] |