Fixup the Theme a lil

layouts/index.html

@@ -1,7 +1,5 @@
 {{ define "main" }}
 
-{{ partial "metadata.html" . }}
-
 <!-- <br><br> -->
 <article>
 </article>
@@ -10,7 +8,9 @@
         <section class="articles">
 		<h3><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></h3>
 		{{ partial "metadata.html" . }} 
-		<p class="summary">{{ .Summary }}</p>
+		<div class="summary">
+    {{ .Summary }}
+    </div>
 	</section>
       {{ end }}
       </div>

static/css/homepage.css

@@ -1,12 +1,14 @@
 html, html[data-theme="light"] {
   --background-color: snow;
   --color: #000;
+  --scolor: #387f7e;
 }
 
 html[data-theme="dark"] {
   --background-color: #1f272d;
   --color: #fff;
   --tcolor: pink;
+  --scolor: #fff;
 }
 @media (prefers-color-scheme: dark) {
   html {
@@ -42,6 +44,7 @@ html[data-theme="dark"] {
 .summary {
   padding-left: 1.5rem;
   margin-top: 0.1rem;
+  color: var(--scolor);
 }
 .metadata { 
   padding-left: 0.5rem;