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 index cf25695f7f..8376cea739 100644 --- 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 index a3346d1074..785034f4fd 100644 --- 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 index bef16c95b6..5fe6c3c0ba 100644 --- 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 index 2962ee9d4b..229d9b927a 100644 --- 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;