Background color for options screen

epicyon-options.css

@@ -1,7 +1,7 @@
 @charset "UTF-8";
 
 :root {
-    --main-bg-color: #282c37;
+    --options-bg-color: #282c37;
     --link-bg-color: #282c37;
     --options-fg-color: #dddddd;
     --main-link-color: #999;
@@ -59,7 +59,7 @@ body, html {
     -moz-background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
-    background-color: var(--main-bg-color);
+    background-color: var(--options-bg-color);
     color: var(--options-fg-color);
 
     height: 100%;
@@ -101,7 +101,7 @@ a:focus {
 .follow {
     height: 100%;
     position: relative;
-    background-color: var(--main-bg-color);
+    background-color: var(--options-bg-color);
 }
 
 .followAvatar {
@@ -134,6 +134,7 @@ a:focus {
 }
 
 .options img {
+    background-color: var(--options-bg-color);
     width: 15%;
 }
 

theme/blue/theme.json

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

theme/debian/theme.json

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

theme/hacker/theme.json

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

theme/henge/theme.json

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

theme/indymediaclassic/theme.json

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

theme/indymediamodern/theme.json

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

theme/lcd/theme.json

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

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",
+    "options-bg-color": "#e6ebf0",
     "post-bg-color": "#e6ebf0",
     "timeline-posts-background-color": "#e6ebf0",
     "header-bg-color": "#e6ebf0",

theme/night/theme.json

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

theme/purple/theme.json

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

theme/rc3/theme.json

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

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",
+    "options-bg-color": "white",
     "post-bg-color": "white",
     "timeline-posts-background-color": "white",
     "header-bg-color": "#ddd",

theme/starlight/theme.json

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

theme/zen/theme.json

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