feat: updates theme styles and fixes colors

4 files changed, 27 insertions, 30 deletions

diff --git a/layouts/index.html b/layouts/index.html
index c28dc77..086daca 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -1,7 +1,3 @@
 {{ define "main" }}
-    <div id="index-content" class="pl-sm-4 ml-sm-5">
-        {{ .Content }}
-    </div>
-
     {{- partial "category-posts.html" . -}}
 {{ end }}
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index f0f1c3b..76dafc7 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -2,12 +2,13 @@
     <div class="row">
         <div class="col-sm-4 col-12 text-sm-right text-center pt-sm-4">
             <a href="/" class="text-decoration-none">
-                <img id="home-image" class="rounded-circle" src="{{ .Site.Params.home_image }}" />
+                <img id="home-image" class="rounded-circle"
+                     src="{{ .Site.Params.home_image }}" />
             </a>
         </div>
         <div class="col-sm-8 col-12 text-sm-left text-center">
             <h2 class="m-0 mb-2 mt-4">
-                <a href="/" class="text-decoration-none text-dark">
+                <a href="/" class="text-decoration-none">
                     {{ .Site.Params.header_title }}
                 </a>
             </h2>
diff --git a/static/css/custom.scss b/static/css/custom.scss
index 188da7b..81fa4f9 100644
--- a/static/css/custom.scss
+++ b/static/css/custom.scss
@@ -40,7 +40,7 @@ $fa-font-path: "./webfonts";
 }
 
 .category {
-  color: $body-bg;
+  color: white;
   background-color: $body-color;
 }
 
@@ -62,28 +62,29 @@ h3, h4 {
   font-weight: 700;
 }
 
-#index-content h3, #index-content h4 {
-  margin-top: 1.5em;
-  margin-bottom: 0.5em;
-}
-
 p {
 	margin-bottom: 0.7rem;
 }
 
-article {
-	img {
-		border-radius: 0.20rem;
+header {
+	h2 {
+		a, a:hover {
+			color: $body-color;
+		}
 	}
+}
 
-	h4 {
-		margin-top: 2.2rem;
-		margin-bottom: 0.7rem;
-	}
+img {
+	border-radius: 0.20rem;
+}
 
-	a {
-		text-decoration: underline;
-	}
+h4 {
+	margin-top: 2.2rem;
+	margin-bottom: 0.7rem;
+}
+
+a {
+	text-decoration: underline;
 }
 
 // === Media breakpoints ===
diff --git a/static/css/theme.css b/static/css/theme.css
index 9db4ec8..e0350a2 100644
--- a/static/css/theme.css
+++ b/static/css/theme.css
@@ -11359,7 +11359,7 @@ readers do not read off random characters that represent icons */
   left: 1px; }
 
 .category {
-  color: #f8f9fa;
+  color: white;
   background-color: #212529; }
 
 hr {
@@ -11375,19 +11375,18 @@ h3, h4 {
   letter-spacing: -0.065rem;
   font-weight: 700; }
 
-#index-content h3, #index-content h4 {
-  margin-top: 1.5em;
-  margin-bottom: 0.5em; }
-
 p {
   margin-bottom: 0.7rem; }
 
-article img {
+header h2 a, header h2 a:hover {
+  color: #212529; }
+
+img {
   border-radius: 0.20rem; }
 
-article h4 {
+h4 {
   margin-top: 2.2rem;
   margin-bottom: 0.7rem; }
 
-article a {
+a {
   text-decoration: underline; }