diff --git a/themes/gokarna/layouts/partials/post.html b/themes/gokarna/layouts/partials/post.html
index af14bd7..66689cd 100644
--- a/themes/gokarna/layouts/partials/post.html
+++ b/themes/gokarna/layouts/partials/post.html
@@ -2,6 +2,7 @@
 
     <div class="post-header-section">
         <h1>{{ .Title }}</h1>
+        <small role="doc-subtitle">This is a subheading</small>
         <p class="post-date">
             {{ dateFormat "January 2, 2006" .Date }}
         </p>
diff --git a/themes/gokarna/static/css/dark.css b/themes/gokarna/static/css/dark.css
index 5deaf2a..fc8c104 100644
--- a/themes/gokarna/static/css/dark.css
+++ b/themes/gokarna/static/css/dark.css
@@ -1,7 +1,7 @@
 :root {
   --dark-bg-color: #121212;
   --dark-text-color: white;
-  --dark-header-bg-color: #121212;
+  --dark-tags-bg-color: #1f1f1f;
   --dark-header-divider-color: #484848;
 }
 
@@ -33,7 +33,7 @@ a:hover .feather-moon {
 }
 
 .tags-list .post-tags .post-tag a .tag-posts-count {
-  background-color: var(--dark-header-bg-color);
+  background-color: var(--dark-tags-bg-color);
 }
 
 .tags-list .post-tags .post-tag:hover a .tag-posts-count {
diff --git a/themes/gokarna/static/css/main.css b/themes/gokarna/static/css/main.css
index 37a2d5e..70a1456 100644
--- a/themes/gokarna/static/css/main.css
+++ b/themes/gokarna/static/css/main.css
@@ -43,6 +43,7 @@ img {
 /* HEADER */
 .header {
   background-color: var(--light-bg-color);
+  /* background-color: inherit; */
   color: inherit;
   font-size: 1.2rem;
   height: 50px;
@@ -168,7 +169,6 @@ a:hover .feather-sun {
 }
 
 /** COMMON **/
-
 .flex-break {
   flex-basis: 100%;
   height: 0;
@@ -318,6 +318,9 @@ table td {
 main#content .post {
   font-size: 1.2rem;
 }
+.post [role="doc-subtitle"] {
+  font-size: 1.3rem;
+}
 .post .post-date {
   color: gray;
 }