Update archive and tags styles for improved consistency and visual appeal

Author: devnomadic

archive.md

@@ -31,27 +31,28 @@ permalink: /archive/
   padding: 1rem;
   background: linear-gradient(135deg, #fef7f9 0%, #fdf2f5 100%);
   border-radius: 0.5rem;
-  border-left: 4px solid #de5684;
-  box-shadow: 0 2px 4px rgba(222, 86, 132, 0.1);
+  border-left: 4px solid #c94570;
+  box-shadow: 0 2px 4px rgba(201, 69, 112, 0.1);
   transition: all 0.3s ease;
 }
 
 .archive-item:hover {
   background: linear-gradient(135deg, #fdf2f5 0%, #fcecf1 100%);
-  box-shadow: 0 4px 8px rgba(222, 86, 132, 0.15);
+  box-shadow: 0 4px 8px rgba(201, 69, 112, 0.15);
   transform: translateY(-1px);
+  border-left: 4px solid #b83d64;
 }
 
 .archive-link {
-  color: #de5684;
+  color: #c94570;
   text-decoration: none;
   font-weight: 600;
   font-size: 1.1rem;
   transition: color 0.3s ease;
 }
 
 .archive-link:hover {
-  color: #c94570;
+  color: #b83d64;
   text-decoration: underline;
 }
 
@@ -64,8 +65,8 @@ permalink: /archive/
 }
 
 h2 {
-  color: #de5684;
-  border-bottom: 3px solid #de5684;
+  color: #c94570;
+  border-bottom: 3px solid #c94570;
   padding-bottom: 0.75rem;
   margin: 2.5rem 0 1.5rem 0;
   font-weight: 700;
@@ -79,13 +80,13 @@ h2::after {
   left: 0;
   width: 50px;
   height: 3px;
-  background: linear-gradient(90deg, #de5684 0%, #f8b2cc 100%);
+  background: linear-gradient(90deg, #c94570 0%, #f8b2cc 100%);
 }
 
 /* Add subtle pink accent to the page */
 #markdown-toc {
   background: linear-gradient(135deg, #fef7f9 0%, #fdf2f5 100%);
-  border: 1px solid #de5684;
+  border: 1px solid #c94570;
   border-radius: 0.5rem;
   padding: 1rem;
 }

tags.md

@@ -39,17 +39,21 @@ permalink: /tags/
 {% endfor %}
 
 <style>
+/* Tag cloud styling - matches home page exactly with important overrides */
 .tag-cloud {
-  margin: 20px 0;
-  line-height: 2;
+  margin: 20px 0 !important;
+  line-height: 2 !important;
 }
 
 .tag-item {
-  display: inline-block;
-  margin: 5px;
+  display: inline-block !important;
+  margin: 5px !important;
 }
 
-.tag-cloud .tag {
+/* Use exact same styling as home page post-tags - override theme completely */
+.tag-cloud .tag,
+.tag-cloud a,
+.tag-cloud a.tag {
   display: inline-block !important;
   background-color: #f1f3f4 !important;
   color: #5f6368 !important;
@@ -61,20 +65,20 @@ permalink: /tags/
   border: none !important;
 }
 
-.tag-cloud .tag:hover {
+.tag-cloud .tag:hover,
+.tag-cloud a:hover,
+.tag-cloud a.tag:hover {
   background-color: #e8eaed !important;
   color: #202124 !important;
   text-decoration: none !important;
 }
 
-/* Override theme's default tag styling */
+/* Remove any theme icons or decorations */
+.tag-cloud .tag:before,
+.tag-cloud a:before,
 .tag-cloud a.tag:before {
   display: none !important;
-}
-
-.tag-cloud a.tag {
-  background-color: #f1f3f4 !important;
-  color: #5f6368 !important;
+  content: none !important;
 }
 
 .tag-posts {
@@ -88,11 +92,11 @@ permalink: /tags/
   padding: 0.75rem;
   background-color: #f8f9fa;
   border-radius: 0.25rem;
-  border-left: 3px solid #de5684;
+  border-left: 3px solid #c94570;
 }
 
 .tag-posts li a {
-  color: #de5684;
+  color: #c94570;
   text-decoration: none;
   font-weight: 500;
 }