Separators with different background colors

epicyon-profile.css

@@ -185,6 +185,24 @@ body, html {
     display: block;
 }
 
+.postSeparatorImageLeft img {
+    background-color: var(--column-left-color);
+    padding-top: var(--post-separator-margin-top);
+    padding-bottom: var(--post-separator-margin-bottom);
+    width: var(--post-separator-width);
+    height: var(--post-separator-height);
+    display: block;
+}
+
+.postSeparatorImageRight img {
+    background-color: var(--column-left-color);
+    padding-top: var(--post-separator-margin-top);
+    padding-bottom: var(--post-separator-margin-bottom);
+    width: var(--post-separator-width);
+    height: var(--post-separator-height);
+    display: block;
+}
+
 .headericons {
     display: inline-block;
     float: right;

webapp_utils.py

@@ -728,13 +728,15 @@ def htmlPostSeparator(baseDir: str, column: str) -> str:
     iconsPath = getIconsWebPath(baseDir)
     theme = getConfigParam(baseDir, 'theme')
     filename = 'separator.png'
+    separatorClass = "postSeparatorImage"
     if column:
+        separatorClass = "postSeparatorImage" + column.title()
         filename = 'separator_' + column + '.png'
     separatorImageFilename = baseDir + '/theme/' + theme + '/icons/' + filename
     separatorStr = ''
     if os.path.isfile(separatorImageFilename):
         separatorStr = \
-            '<div class="postSeparatorImage"><center>' + \
+            '<div class="' + separatorClass + '"><center>' + \
             '<img src="/' + iconsPath + '/' + filename + '"/>' + \
             '</center></div>\n'
     return separatorStr