more factoring

src/skins/vector/css/_common.scss

@@ -266,12 +266,12 @@ textarea {
 
 ::-moz-selection {
     background-color: $accent-color;
-    color: white;
+    color: $selection-fg-color;
 }
 
 ::selection {
     background-color: $accent-color;
-    color: white;
+    color: $selection-fg-color;
 }
 
 /** green button with rounded corners */

src/skins/vector/css/matrix-react-sdk/structures/_RoomView.scss

@@ -46,7 +46,7 @@ limitations under the License.
     border-top-left-radius: 10px;
     border-top-right-radius: 10px;
 
-    background-color: rgba(255, 255, 255, 0.9);
+    background-color: $droptarget-bg-color;
     border: 2px #e1dddd solid;
     border-bottom: none;
     position: absolute;

src/skins/vector/css/themes/_base.scss

@@ -13,6 +13,8 @@ $focus-bg-color: #dddddd;
 $accent-fg-color: #ffffff;
 $accent-color: #76CFA6;
 
+$selection-fg-color: $primary-bg-color;
+
 // red warning colour
 $warning-color: #ff0064;
 

src/skins/vector/css/themes/_dark.scss

@@ -13,6 +13,8 @@ $light-fg-color: #747474;
 $accent-fg-color: $primary-bg-color;
 $accent-color: #76CFA6;
 
+$selection-fg-color: $primary-bg-color;
+
 // red warning colour
 $warning-color: #ff0064;
 

src/skins/vector/css/vector-web/structures/_RightPanel.scss

@@ -58,7 +58,8 @@ limitations under the License.
     width: 25px;
     height: 5px;
     border-radius: 5px;
-    background-color: rgba(118, 207, 166, 0.2);
+    background-color: $accent-color;
+    opacity: 0.2;
 }
 
 .mx_RightPanel_headerButton_badge {

src/skins/vector/css/vector-web/structures/_RoomDirectory.scss

@@ -101,7 +101,7 @@ limitations under the License.
     text-transform: uppercase;
     font-weight: 600;
     font-size: 11px;
-    color: $accent-fg-color;
+    color: $accent-color;
 }
 
 .mx_RoomDirectory_topic {