From b022445376414a491182120c7315d4e5f3c03d4c Mon Sep 17 00:00:00 2001
From: Random Penguin <25882519-randompenguin@users.noreply.gitlab.com>
Date: Sat, 1 Mar 2025 23:31:00 +0000
Subject: [PATCH] Fix for post and comment bg color [Issue #15]

---
 bookface_auto.css | 24 +++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/bookface_auto.css b/bookface_auto.css
index 2084812..0d76355 100644
--- a/bookface_auto.css
+++ b/bookface_auto.css
@@ -1,6 +1,6 @@
 /*
 	Name	   : Bookface Auto Color Mode
-	Version    : 1.5
+	Version    : 1.5.4
     Licence    : AGPL
     Created on : 27 Feb 2025
     Author     : Pygoscelis Papua @randompenguin@friendica.world feb @feb@loma.ml Phil @phil@loma.ml
@@ -12,6 +12,8 @@
     --link-color: $link_color;
     --nav-icon-color: $nav_icon_color;
     --background-color: $background_color;
+	--content-bg: var(--nav-bg);
+	--comment-bg: var(--background-color);
     --font-color: $font_color;
     --font-color-darker: $font_color_darker;
     --menu-background-hover-color: color-mix(in oklab, var(--link-color) 15%, white);
@@ -448,7 +450,7 @@
 	.tos-content-wrapper, 
 	.fsuggest-content-wrapper,
 	.shared-wrapper {
-		background-color: var(--nav-bg) !important;
+		background-color: var(--content-bg) !important;
 		background-image: none;
 		/* frio light border-color */
 	}
@@ -659,7 +661,7 @@
 	}
 	/* POSTS */
 	.tread-wrapper {
-	  /* frio background-color */
+	  background-color: var(--content-bg) !important;
 	  box-shadow: 0 0px 1px rgba(0,0,0,.5) !important;
 	  border-radius: 10px !important;
 	}
@@ -667,7 +669,7 @@
 		border-top: none;
 	}
 	.wall-item-container .media {
-		background-color: #ffffff !important;
+		background-color: var(--content-bg) !important;
 		border-radius: 10px !important;
 	}
 	.wall-item-container iframe {
@@ -1091,7 +1093,7 @@
 	}
 	.comment-fake-form textarea {
   		border-radius: 50px !important;
-  		/* frio background-color */
+  		background-color: var(--comment-bg) !important;
   		/* frio -webkit-box-shadow */
   		/* frio box-shadow */
 	}	
@@ -1107,7 +1109,7 @@
 		}
 		.comment .media-body {
 			padding: 10px;
-			background-color: var(--background-color);
+			background-color: var(--comment-bg);
 			border-radius: 20px;
 		}
 		.wall-item-actions-row .wall-item-emoji {
@@ -3039,7 +3041,7 @@ header #banner {
 	.tos-content-wrapper, 
 	.fsuggest-content-wrapper,
 	.shared-wrapper {
-		background-color: var(--nav-bg) !important;
+		background-color: var(--content-bg) !important;
 		background-image: none;
 		border-color: #333;
 	}
@@ -3250,7 +3252,7 @@ aside .widget,
 	}
 /* POSTS */
 .tread-wrapper {
-	background-color: rgb(37, 39, 40) !important;
+	background-color: var(--content-bg) !important;
 	box-shadow: 0 0px 1px rgba(0,0,0,.5) !important;
 	border-radius: 10px !important;
 }
@@ -3258,7 +3260,7 @@ aside .widget,
 	border-top: none;
 }
 .wall-item-container .media {
-       background-color: rgb(37, 39, 40) !important;
+       background-color: var(--content-bg) !important;
        border-radius: 10px !important;
 }
 	.wall-item-container iframe {
@@ -3741,7 +3743,7 @@ aside .widget li:hover {
 }
 .comment-fake-form textarea {
     border-radius: 50px !important;
-    background-color: rgb(51, 51, 52) !important;
+    background-color: var(--comment-bg) !important;
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
 }    
@@ -3757,7 +3759,7 @@ aside .widget li:hover {
        }
        .comment .media-body {
               padding: 10px;
-              background-color: var(--background-color);
+              background-color: var(--comment-bg);
               border-radius: 20px;
        }
        .wall-item-actions-row .wall-item-emoji {