Add alpha blending to modal

output/styles2.css

@@ -25,6 +25,7 @@
 #td_last_checked { text-align: center; }
 
 
+/* <Colors> */
 :root {
     --session-classic-dark-green:      #31f196;
     --session-classic-dark-gray-one:   #414141;
@@ -32,15 +33,9 @@
     --session-classic-dark-gray-three: #1b1b1b;
     --alternate-row-color:             #e8e8e8;
 }
-th                                  { background-color: lightgray; }
+#tbl_communities th                 { background-color: lightgray; }
 #tbl_communities tr:nth-child(odd)  { background-color: var(--alternate-row-color); }
 
-/*
-body                                { background-color: var(--session-classic-dark-green); }
-#tbl_communities tr:nth-child(odd)  { background-color: var(--session-classic-dark-gray-two); }
-#tbl_communities tr:nth-child(even) { background-color: var(--session-classic-dark-gray-three); }
-*/
-
 
 /* <QR code modals> */
 .qr-code {
@@ -61,9 +56,10 @@ body                                { background-color: var(--session-classic-da
     width: 100%;     /* Full width */
     height: 100%;    /* Full height */
     padding-top: 100px; /* Location of the box */
-  /*overflow: auto;*/ /* Enable scroll if needed */
+    background-color: rgb(0,0,0); /* Fallback color */
-  /*background-color: rgb(0,0,0);*/ /* Fallback color */
+    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
-  /*background-color: rgba(0,0,0,0.4);*/ /* Black w/ opacity */
+/*overflow: auto;*/ /* Enable scroll if needed */
+
 }
 .qr-code-modal-content {
     background-color: #ffffff;