Change up styling even more, fix recent posts

themes/red/assets/css/site.css

@@ -232,11 +232,22 @@ td {
 }
 
 tr:nth-child(even) {
-    background-color: var(--extra-color);
+    background-color: var(--extra-color) !important;
+}
+
+tbody > tr {
+    background-color: var(--background-secondary);
 }
 
 table {
     width: 100%;
+    border: 1px solid black;
+    border-radius: 3px;
+    background-color: var(--background-tertiary);
+}
+
+td {
+    border: 1px inset black;
 }
 
 #f-badges {

themes/red/layouts/_default/_markup/render-image.html

@@ -22,7 +22,7 @@
                 {{ end }}
                 </a>
 
-                <figcaption>{{ $.Text | safeHTML }}</figcaption>
+                <figcaption><i>{{ $.Text | safeHTML }}</i></figcaption>
         </figure>
 {{- else -}}
         <em>Unable to find image {{ $url }}!</em>

themes/red/layouts/_default/single.html

@@ -2,7 +2,7 @@
     <h2>{{ .Title }}</h2>
 
     {{ if in .File.Dir "blog" }}
-        <p style="margin: 0">
+        <i style="margin: 0">
         Posted on
         <time datetime="{{ .Page.Lastmod.Format "Mon Jan 10 17:13:38 2020 -0700" }}" class="text-muted">
             {{ $.Date.Format "January 02, 2006" }}
@@ -11,7 +11,7 @@
         <time datetime="{{ .Page.Lastmod.Format "Mon Jan 10 17:13:38 2020 -0700" }}" class="text-muted">
             {{ $.Page.Lastmod.Format "January 02, 2006" }}
         </time>)
-        </p>
+        </i>
     {{ end }}
 
     <hr>

themes/red/layouts/shortcodes/recent-posts.html

@@ -2,8 +2,9 @@
 <div class="generic-con">
 
 {{ range first 3 (where .Site.Pages "Type" "blog").ByDate.Reverse }}
-    <li>
+    <li style="margin-left: 10px; list-style-type: square;">
         <a href="{{ .Permalink }}">{{ .Title }}</a>
+        <p><i>{{ .Summary }}</i></p>
     </li>
 {{ end }}