Merge pull request #5574 from vector-im/rxl881/appTileStyling

Set widget tile background colour

src/skins/vector/css/matrix-react-sdk/views/rooms/_AppsDrawer.scss

@@ -80,6 +80,7 @@ limitations under the License.
     padding: 2px 10px;
     border-bottom: 1px solid $primary-hairline-color;
     font-size: 10px;
+    background-color: $widget-menu-bar-bg-color;
     display: flex;
     flex-direction: row;
     align-items: center;

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

@@ -111,6 +111,10 @@ $panel-divider-color: rgba(118, 207, 166, 0.2);
 
 // ********************
 
+$widget-menu-bar-bg-color: #d3efe1;
+
+// ********************
+
 // event tile lifecycle
 $event-encrypting-color: #abddbc;
 $event-sending-color: #ddd;

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

@@ -106,6 +106,10 @@ $panel-divider-color: rgba(118, 207, 166, 0.2);
 
 // ********************
 
+$widget-menu-bar-bg-color: #454545;
+
+// ********************
+
 // event tile lifecycle
 $event-encrypting-color: rgba(171, 221, 188, 0.4);
 $event-sending-color: #888;

src/skins/vector/themes/status/css/_status.scss

@@ -163,6 +163,10 @@ $panel-divider-color: rgba(0, 0, 0, 0.2);
 
 // ********************
 
+$widget-menu-bar-bg-color: #f7f7f7;
+
+// ********************
+
 // event tile lifecycle
 $event-encrypting-color: #abddbc;
 $event-sending-color: #ddd;