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

rxl881 · web-flow · commit aceabd6d284d · 2017-11-14T19:33:37.000Z
Set widget tile background colour
diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/_AppsDrawer.scss b/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;
diff --git a/src/skins/vector/css/themes/_base.scss b/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;
diff --git a/src/skins/vector/css/themes/_dark.scss b/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;
diff --git a/src/skins/vector/themes/status/css/_status.scss b/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;
