New theme.

.gitmodules

@@ -1,3 +1,7 @@
 [submodule "themes/slick"]
 	path = themes/slick
 	url = https://github.com/spookey/slick.git
+[submodule "themes/nocolor"]
+	branch = main
+	path = themes/nocolor
+	url = https://schlomp.space/tastytea/hugo-theme-nocolor.git

config.toml

@@ -1,7 +1,7 @@
 baseURL = "https://blog.tastytea.de/"
 languageCode = "en"
 title = "tastyteablog"
-theme = [ "tastytea", "slick" ]
+theme = [ "nocolor" ]
 copyright = "CC BY-NC 4.0"
 
 pygmentsCodefences = true
@@ -21,6 +21,7 @@ enableGitInfo = true
     showfullcontent = false
     opengraph = true
     schema = true
+    css = "blog.css"
 
     [params.comtodon]
         domain = "likeable.space"
@@ -32,6 +33,9 @@ enableGitInfo = true
     name = "tastytea"
     email = "tastytea@tastytea.de"
 
+[services.rss]
+    limit = 20
+
 [menu]
     [[menu.main]]
         identifier = "post"

layouts/partials/extra_foot.html

@@ -0,0 +1,6 @@
+{{ if .Params.comtodon }}
+<h2 id="comments">Comments</h2>
+<noscript>Comments work only with JavaScript enabled.</noscript>
+<div class="comtodon" data-domain="{{ .Site.Params.comtodon.domain }}" data-status="{{ .Params.comtodon }}" {{ with .Site.Params.comtodon.moderator }}data-moderator="{{ . }}"{{ end }}></div>
+<script type="application/javascript" src="/comtodon.js" defer></script>
+{{- end }}

layouts/partials/extra_head.html

@@ -0,0 +1,2 @@
+<link rel="stylesheet" href="/comtodon.css"/>
+<link rel="stylesheet" href="/tomorrow_night_bright.css"/>

static/blog.css

@@ -0,0 +1,143 @@
+:root
+{
+    --bg: #1d1f21;
+    --bg-code: #10111280;
+    --bg-hover: #282a2e;
+    --sel: #373b41;
+    --bg-admonition: #1d1d1d;
+    --fg: LightGray;
+    --fg-dim: Gray;
+    --link: SkyBlue;
+    --link-hover: MediumAquamarine;
+    --link-visited: Plum;
+
+    --font-serif: "Source Serif Pro", serif;
+    --font-sans-serif: "Source Sans Pro", sans-serif;
+    --font-mono: "Source Code Pro", monospace;
+}
+
+html
+{
+    background-color: var(--bg);
+    color: var(--fg);
+    font-family: var(--font-serif)
+}
+
+body
+{
+    margin-top: 0.5em;
+    margin-bottom: 0.5em;
+}
+
+a
+{
+    color: var(--link);
+}
+
+a:visited
+{
+    color: var(--link-visited);
+}
+
+a:hover, a:hover:visited
+{
+    color: var(--link-hover);
+}
+
+hr
+{
+    border-style: dashed;
+}
+
+.header, .nav ul, .pagination ul, h1, h2, h3, h4, h5, h6
+{
+    font-family: var(--font-sans-serif);
+}
+
+.header a, .nav a
+{
+    padding: 0.2em 0.4em;
+    text-decoration: none;
+    color: var(--fg);
+}
+
+.header a
+{
+    font-family: var(--font-serif);
+    text-transform: uppercase;
+}
+
+.header a:hover, .nav a:hover
+{
+    background-color: var(--bg-hover);
+}
+
+.header .description::before
+{
+    content: "";
+}
+
+.description
+{
+    float: right;
+    color: var(--fg-dim);
+}
+
+.nav-top
+{
+    text-align: center;
+    padding-bottom: 0.5em;
+    border-bottom: 1px solid;
+}
+
+.nav-bottom
+{
+    text-align: center;
+    padding-top: 0.5em;
+    border-top: 1px solid;
+}
+
+code, kbd, pre, samp
+{
+    font-family: var(--font-mono);
+}
+
+p > code, td > code
+{
+    background-color: var(--bg-code);
+}
+
+div.admonitionblock td.icon
+{
+    border-color: var(--bg-hover);
+}
+
+div.admonitionblock table
+{
+    background-color: var(--bg-admonition);
+}
+
+div.note td.icon
+{
+    color: LimeGreen;
+}
+
+div.tip td.icon
+{
+    color: CornflowerBlue;
+}
+
+div.important td.icon
+{
+    color: Gold;
+}
+
+div.caution td.icon
+{
+    color: Orange;
+}
+
+div.warning td.icon
+{
+    color: OrangeRed;
+}

static/tomorrow_night_bright.css

@@ -0,0 +1,65 @@
+.highlight .hll { background-color: #424242 }
+.highlight  { background: #000000; color: #eaeaea }
+.highlight .c { color: #969896 } /* Comment */
+.highlight .err { color: #d54e53 } /* Error */
+.highlight .k { color: #c397d8 } /* Keyword */
+.highlight .l { color: #e78c45 } /* Literal */
+.highlight .n { color: #eaeaea } /* Name */
+.highlight .o { color: #70c0b1 } /* Operator */
+.highlight .p { color: #eaeaea } /* Punctuation */
+.highlight .cm { color: #969896 } /* Comment.Multiline */
+.highlight .cp { color: #969896 } /* Comment.Preproc */
+.highlight .c1 { color: #969896 } /* Comment.Single */
+.highlight .cs { color: #969896 } /* Comment.Special */
+.highlight .gd { color: #d54e53 } /* Generic.Deleted */
+.highlight .ge { font-style: italic } /* Generic.Emph */
+.highlight .gh { color: #eaeaea; font-weight: bold } /* Generic.Heading */
+.highlight .gi { color: #b9ca4a } /* Generic.Inserted */
+.highlight .gp { color: #969896; font-weight: bold } /* Generic.Prompt */
+.highlight .gs { font-weight: bold } /* Generic.Strong */
+.highlight .gu { color: #70c0b1; font-weight: bold } /* Generic.Subheading */
+.highlight .kc { color: #c397d8 } /* Keyword.Constant */
+.highlight .kd { color: #c397d8 } /* Keyword.Declaration */
+.highlight .kn { color: #70c0b1 } /* Keyword.Namespace */
+.highlight .kp { color: #c397d8 } /* Keyword.Pseudo */
+.highlight .kr { color: #c397d8 } /* Keyword.Reserved */
+.highlight .kt { color: #e7c547 } /* Keyword.Type */
+.highlight .ld { color: #b9ca4a } /* Literal.Date */
+.highlight .m { color: #e78c45 } /* Literal.Number */
+.highlight .s { color: #b9ca4a } /* Literal.String */
+.highlight .na { color: #7aa6da } /* Name.Attribute */
+.highlight .nb { color: #eaeaea } /* Name.Builtin */
+.highlight .nc { color: #e7c547 } /* Name.Class */
+.highlight .no { color: #d54e53 } /* Name.Constant */
+.highlight .nd { color: #70c0b1 } /* Name.Decorator */
+.highlight .ni { color: #eaeaea } /* Name.Entity */
+.highlight .ne { color: #d54e53 } /* Name.Exception */
+.highlight .nf { color: #7aa6da } /* Name.Function */
+.highlight .nl { color: #eaeaea } /* Name.Label */
+.highlight .nn { color: #e7c547 } /* Name.Namespace */
+.highlight .nx { color: #7aa6da } /* Name.Other */
+.highlight .py { color: #eaeaea } /* Name.Property */
+.highlight .nt { color: #70c0b1 } /* Name.Tag */
+.highlight .nv { color: #d54e53 } /* Name.Variable */
+.highlight .ow { color: #70c0b1 } /* Operator.Word */
+.highlight .w { color: #eaeaea } /* Text.Whitespace */
+.highlight .mf { color: #e78c45 } /* Literal.Number.Float */
+.highlight .mh { color: #e78c45 } /* Literal.Number.Hex */
+.highlight .mi { color: #e78c45 } /* Literal.Number.Integer */
+.highlight .mo { color: #e78c45 } /* Literal.Number.Oct */
+.highlight .sb { color: #b9ca4a } /* Literal.String.Backtick */
+.highlight .sc { color: #eaeaea } /* Literal.String.Char */
+.highlight .sd { color: #969896 } /* Literal.String.Doc */
+.highlight .s2 { color: #b9ca4a } /* Literal.String.Double */
+.highlight .se { color: #e78c45 } /* Literal.String.Escape */
+.highlight .sh { color: #b9ca4a } /* Literal.String.Heredoc */
+.highlight .si { color: #e78c45 } /* Literal.String.Interpol */
+.highlight .sx { color: #b9ca4a } /* Literal.String.Other */
+.highlight .sr { color: #b9ca4a } /* Literal.String.Regex */
+.highlight .s1 { color: #b9ca4a } /* Literal.String.Single */
+.highlight .ss { color: #b9ca4a } /* Literal.String.Symbol */
+.highlight .bp { color: #eaeaea } /* Name.Builtin.Pseudo */
+.highlight .vc { color: #d54e53 } /* Name.Variable.Class */
+.highlight .vg { color: #d54e53 } /* Name.Variable.Global */
+.highlight .vi { color: #d54e53 } /* Name.Variable.Instance */
+.highlight .il { color: #e78c45 } /* Literal.Number.Integer.Long */

themes/nocolor

@@ -0,0 +1 @@
+Subproject commit 3f920f36d23d51ff41edf4e61a1842690b330138

themes/slick

@@ -1 +1 @@
-Subproject commit 144bc6353dd3a9ca9141cd96e4b54835ba7cd13e
+Subproject commit e40233fb6faf5a846ff9a0e61ac17c58bdb5e533