diff --git a/themes/mmotium/assets/css/_vars.scss b/themes/mmotium/assets/css/_vars.scss
index 1cc8671..4fbba66 100644
--- a/themes/mmotium/assets/css/_vars.scss
+++ b/themes/mmotium/assets/css/_vars.scss
@@ -7,7 +7,8 @@ $navbar-color: #404c5e;
$navbar-text-color: white;
$link-color: #175eaf;
$link-hover-color: #3ea7e4;
-$tag-color: #728fb6;
+$category-color: #728fb6;
+$tag-color: #af82b1;
$page-bg-color: #dfdfdf;
$page-bg-image: "/images/bg.jpg";
diff --git a/themes/mmotium/assets/css/style.scss b/themes/mmotium/assets/css/style.scss
index 95ffa16..bae6b33 100644
--- a/themes/mmotium/assets/css/style.scss
+++ b/themes/mmotium/assets/css/style.scss
@@ -157,6 +157,7 @@ section.posts {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
+ align-items: center;
}
footer time {
@@ -164,9 +165,16 @@ section.posts {
}
footer .category {
+ color: $category-color;
+ border: 1px solid $category-color;
+ padding: 0 0.5rem;
+ }
+
+ footer .tag {
color: $tag-color;
border: 1px solid $tag-color;
padding: 0 0.5rem;
+ font-size: 0.8rem;
}
}
@@ -205,7 +213,7 @@ section.posts {
.toc {
margin-top: 1em;
-
+
ul {
list-style-position: inside;
margin: 0;
diff --git a/themes/mmotium/layouts/index.html b/themes/mmotium/layouts/index.html
index 93742dd..54aab3b 100644
--- a/themes/mmotium/layouts/index.html
+++ b/themes/mmotium/layouts/index.html
@@ -31,6 +31,10 @@
{{ range (.GetTerms "categories") }}
{{ .LinkTitle }}
{{ end }}
+
+ {{ range (.GetTerms "tags") }}
+ {{ .LinkTitle }}
+ {{ end }}
{{ end }}