♻️ Adopt new Tailwind typography theming

layouts/404.html

@@ -3,7 +3,7 @@
   <p class="mt-8 mb-12 text-neutral-400 dark:text-neutral-500">
     {{ i18n "error.404_error" | emojify }}
   </p>
-  <div class="prose dark:prose-light">
+  <div class="markdown dark:markdown-invert">
     <p>{{ i18n "error.404_description" | emojify }}</p>
   </div>
 {{ end }}

layouts/_default/_markup/render-heading.html

@@ -1 +1 @@
-<h{{ .Level }} id="{{ .Anchor | safeURL }}">{{ .Text | safeHTML }} {{ if .Page.Params.showHeadingAnchors | default (.Page.Site.Params.article.showHeadingAnchors | default true) }}<a class="absolute top-0 w-5 no-underline transition-opacity opacity-0 heading-anchor ltr:-left-6 rtl:-right-6" href="#{{ .Anchor | safeURL }}" aria-label="{{ i18n "article.anchor_label" }}">#</a>{{ end }}</h{{ .Level }}>
+<h{{ .Level }} id="{{ .Anchor | safeURL }}">{{ .Text | safeHTML }} {{ if .Page.Params.showHeadingAnchors | default (.Page.Site.Params.article.showHeadingAnchors | default true) }}<a class="absolute top-0 w-6 no-underline transition-opacity opacity-0 heading-anchor ltr:-left-6 rtl:-right-6" href="#{{ .Anchor | safeURL }}" aria-label="{{ i18n "article.anchor_label" }}">#</a>{{ end }}</h{{ .Level }}>

layouts/_default/list.html

@@ -16,7 +16,7 @@
     </section>
     {{ partial "pagination.html" . }}
   {{ else }}
-    <section class="mt-10 prose dark:prose-light">
+    <section class="mt-10 markdown dark:markdown-invert">
       <p class="py-8 border-t">
         <em>{{ i18n "list.no_articles" | emojify }}</em>
       </p>

layouts/_default/single.html

@@ -11,7 +11,7 @@
         {{ partial "article-meta.html" (dict "context" . "scope" "single") }}
       </div>
     </header>
-    <section class="prose dark:prose-light">
+    <section class="markdown dark:markdown-invert">
       {{ .Content | emojify }}
     </section>
     <footer class="pt-8">

layouts/partials/article-link.html

@@ -34,7 +34,7 @@
     {{ partial "article-meta.html" . }}
   </div>
   {{ if .Params.showSummary | default (.Site.Params.list.showSummary | default false) }}
-    <div class="py-1 prose dark:prose-light">
+    <div class="py-1 markdown dark:markdown-invert">
       {{ .Summary | emojify }}
     </div>
   {{ end }}

layouts/partials/home/page.html

@@ -1,4 +1,4 @@
-<article class="max-w-full prose dark:prose-light">
+<article class="max-w-full markdown dark:markdown-invert">
   {{ with .Title }}
     <header>
       <h1>{{ . | emojify }}</h1>

layouts/partials/home/profile.html

@@ -29,7 +29,7 @@
       {{ partialCached "author-links.html" . }}
     </div>
   </header>
-  <section class="prose dark:prose-light">{{ .Content | emojify }}</section>
+  <section class="markdown dark:markdown-invert">{{ .Content | emojify }}</section>
 </article>
 <section>
   {{ partial "recent-articles.html" . }}

layouts/partials/section-header.html

@@ -2,7 +2,7 @@
   {{ if .Site.Params.list.showBreadcrumbs | default false }}
     {{ partial "breadcrumbs.html" . }}
   {{ end }}
-  <section class="prose dark:prose-light">
+  <section class="markdown dark:markdown-invert">
     <h1 class="mb-3 text-4xl font-extrabold text-neutral-800">{{ .Title }}</h1>
     <section>{{ .Content }}</section>
   </section>

layouts/shortcodes/alert.html

@@ -2,7 +2,7 @@
   <span class="ltr:pr-3 rtl:pl-3 text-primary-400">
     {{ partial "icon.html" "exclamation-triangle" }}
   </span>
-  <span class="not-prose dark:text-neutral-300">
+  <span class="not-markdown dark:text-neutral-300">
     {{- .Inner | markdownify -}}
   </span>
 </div>