add active color for links

archetypes/default.md

@@ -1,5 +1,5 @@
 +++
-title = {{ replace .File.ContentBaseName "-" " " | title }}
+title = "{{ replace .File.ContentBaseName "-" " " | title }}"
 date = {{ .Date }}
 draft = true
 +++

assets/style.css

@@ -6,6 +6,7 @@
   --fg: #cdd6f4;
   --bg: #11111b;
   --link: #bd93f9;
+  --link-active: #8be9fd;
   --overlay: #313244;
 }
 
@@ -124,6 +125,10 @@ a:visited {
   color: var(--link);
 }
 
+a:active {
+  color: var(--link-active);
+}
+
 ul {
   margin-block-start: 0;
 }

layouts/single.html

@@ -13,4 +13,5 @@
   <a id="post"></a>
   {{ end }} {{ .Content }}
 </article>
-{{ partial "tags.html" . }} {{ end }}
+{{ partial "tags.html" . }} 
+{{ end }}