Post background can be different from timeline background

epicyon-profile.css

@@ -3,6 +3,7 @@
 :root {
     --header-bg-color: #282c37;
     --main-bg-color: #282c37;
+    --post-bg-color: #282c37;
     --column-left-color: #282c37;
     --link-bg-color: #282c37;
     --dropdown-fg-color: #dddddd;
@@ -954,7 +955,7 @@ div.container {
     }
     .container {
         border: var(--border-width) solid var(--border-color);
-        background-color: var(--main-bg-color);
+        background-color: var(--post-bg-color);
         border-radius: var(--timeline-border-radius);
         padding-left: var(--container-padding);
         padding-right: var(--container-padding);
@@ -1587,7 +1588,7 @@ div.container {
     }
     .container {
         border: var(--border-width) solid var(--border-color);
-        background-color: var(--main-bg-color);
+        background-color: var(--post-bg-color);
         border-radius: var(--timeline-border-radius);
         padding-left: var(--container-padding);
         padding-right: var(--container-padding);

theme/blue/theme.json

@@ -17,6 +17,7 @@
     "gallery-font-size": "35px",
     "gallery-font-size-mobile": "55px",
     "main-bg-color": "#002365",
+    "post-bg-color": "#002365",
     "timeline-posts-background-color": "#002365",
     "header-bg-color": "#002365",
     "column-left-color": "#002365",

theme/hacker/theme.json

@@ -6,6 +6,7 @@
     "publish-button-at-top": "False",
     "focus-color": "green",
     "main-bg-color": "black",
+    "post-bg-color": "black",
     "timeline-posts-background-color": "black",
     "header-bg-color": "black",
     "column-left-color": "black",

theme/henge/theme.json

@@ -14,6 +14,7 @@
     "font-size4": "24px",
     "font-size5": "22px",
     "main-bg-color": "#383335",
+    "post-bg-color": "#383335",
     "timeline-posts-background-color": "#383335",
     "header-bg-color": "#383335",
     "column-left-color": "#383335",

theme/indymediaclassic/theme.json

@@ -27,6 +27,7 @@
     "font-size4": "24px",
     "font-size5": "22px",
     "main-bg-color": "black",
+    "post-bg-color": "black",
     "timeline-posts-background-color": "black",
     "header-bg-color": "black",
     "column-left-header-color": "#fff",

theme/indymediamodern/theme.json

@@ -80,6 +80,7 @@
     "rgba(0, 0, 0, 0.5)": "rgba(0, 0, 0, 0.0)",
     "column-left-color": "#efefef",
     "main-bg-color": "#efefef",
+    "post-bg-color": "white",
     "timeline-posts-background-color": "white",
     "main-bg-color-dm": "white",
     "link-bg-color": "#efefef",

theme/lcd/theme.json

@@ -8,6 +8,7 @@
     "column-left-header-background": "#9fb42b",
     "column-left-header-color": "#33390d",
     "main-bg-color": "#9fb42b",
+    "post-bg-color": "#9fb42b",
     "timeline-posts-background-color": "#9fb42b",
     "header-bg-color": "#9fb42b",
     "column-left-color": "#33390d",

theme/light/theme.json

@@ -22,6 +22,7 @@
     "rgba(0, 0, 0, 0.5)": "rgba(0, 0, 0, 0.0)",
     "column-left-color": "#e6ebf0",
     "main-bg-color": "#e6ebf0",
+    "post-bg-color": "#e6ebf0",
     "timeline-posts-background-color": "#e6ebf0",
     "header-bg-color": "#e6ebf0",
     "main-bg-color-dm": "#e3dbf0",

theme/night/theme.json

@@ -20,6 +20,7 @@
     "font-size4": "24px",
     "font-size5": "22px",
     "main-bg-color": "#0f0d10",
+    "post-bg-color": "#0f0d10",
     "timeline-posts-background-color": "#0f0d10",
     "header-bg-color": "#0f0d10",
     "column-left-color": "#0f0d10",

theme/purple/theme.json

@@ -13,6 +13,7 @@
     "font-size4": "24px",
     "font-size5": "22px",
     "main-bg-color": "#1f152d",
+    "post-bg-color": "#1f152d",
     "timeline-posts-background-color": "#1f152d",
     "header-bg-color": "#1f152d",
     "column-left-color": "#1f152d",

theme/rc3/theme.json

@@ -41,6 +41,7 @@
     "font-size5": "12px",
     "font-size-likes": "10px",    
     "main-bg-color": "#100e23",
+    "post-bg-color": "#100e23",
     "timeline-posts-background-color": "#100e23",
     "header-bg-color": "#100e23",
     "column-left-color": "#0f0d10",

theme/solidaric/theme.json

@@ -29,6 +29,7 @@
     "font-size5": "22px",
     "rgba(0, 0, 0, 0.5)": "rgba(0, 0, 0, 0.0)",
     "main-bg-color": "white",
+    "post-bg-color": "white",
     "timeline-posts-background-color": "white",
     "header-bg-color": "white",
     "column-left-color": "white",

theme/starlight/theme.json

@@ -16,6 +16,7 @@
     "font-size4": "24px",
     "font-size5": "22px",
     "main-bg-color": "#0f0d10",
+    "post-bg-color": "#0f0d10",
     "timeline-posts-background-color": "#0f0d10",
     "header-bg-color": "#0f0d10",
     "column-left-color": "#0f0d10",

theme/zen/theme.json

@@ -8,6 +8,7 @@
     "banner-height-mobile": "10vh",
     "newswire-date-color": "yellow",
     "main-bg-color": "#5c4e41",
+    "post-bg-color": "#5c4e41",
     "timeline-posts-background-color": "#5c4e41",
     "header-bg-color": "#5c4e41",
     "column-left-color": "#5c4e41",