From f67b4570a82306dc91322a8553ae1384b05032a8 Mon Sep 17 00:00:00 2001 From: Luke Barnard Date: Thu, 22 Feb 2018 11:46:01 +0000 Subject: [PATCH 1/2] Use translucent black for RoomSubList bg to fix tinting The alternative is to specify yet another colour that we have to worry about when applying tinting, which is currently quite fragile and requires changes to many parts of the app, including all themes that don't require the colour to be tinted. By using translucent black, we effectively take the secondary accent colour of the LeftPanel and make it more black. Note: This does not preserve the previous colour we were using, although the alternative above does allow for this. --- src/skins/vector/css/themes/_base.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/skins/vector/css/themes/_base.scss b/src/skins/vector/css/themes/_base.scss index 35fc1a790..d5cc3ab39 100644 --- a/src/skins/vector/css/themes/_base.scss +++ b/src/skins/vector/css/themes/_base.scss @@ -104,7 +104,7 @@ $roomtile-name-color: rgba(69, 69, 69, 0.8); $roomtile-selected-bg-color: rgba(255, 255, 255, 0.8); $roomtile-focused-bg-color: rgba(255, 255, 255, 0.9); -$roomsublist-background: #badece; +$roomsublist-background: rgba(0, 0, 0, 0.05); $roomsublist-label-fg-color: $h3-color; $roomsublist-label-bg-color: $tertiary-accent-color; $roomsublist-chevron-color: $accent-color; From 1139a3fa894ffd483ed4c5167468d6b4422c05e2 Mon Sep 17 00:00:00 2001 From: Luke Barnard Date: Thu, 22 Feb 2018 11:49:29 +0000 Subject: [PATCH 2/2] Simplify roomsublist bg colour This should not have a noticeable effect on the end result. --- src/skins/vector/css/themes/_dark.scss | 2 +- src/skins/vector/themes/status/css/_status.scss | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/skins/vector/css/themes/_dark.scss b/src/skins/vector/css/themes/_dark.scss index 56ba7520f..31773ebd0 100644 --- a/src/skins/vector/css/themes/_dark.scss +++ b/src/skins/vector/css/themes/_dark.scss @@ -103,7 +103,7 @@ $roomtile-name-color: rgba(186, 186, 186, 0.8); $roomtile-selected-bg-color: #333; $roomtile-focused-bg-color: rgba(255, 255, 255, 0.2); -$roomsublist-background: #222; +$roomsublist-background: rgba(0, 0, 0, 0.2); $roomsublist-label-fg-color: $h3-color; $roomsublist-label-bg-color: $tertiary-accent-color; $roomsublist-chevron-color: $accent-color; diff --git a/src/skins/vector/themes/status/css/_status.scss b/src/skins/vector/themes/status/css/_status.scss index be4c3c7fd..cdfd8e56a 100644 --- a/src/skins/vector/themes/status/css/_status.scss +++ b/src/skins/vector/themes/status/css/_status.scss @@ -160,7 +160,7 @@ $roomtile-name-color: #ffffff; $roomtile-selected-bg-color: #465561; $roomtile-focused-bg-color: #6d8597; -$roomsublist-background: #465561; +$roomsublist-background: rgba(0, 0, 0, 0.2); $roomsublist-label-fg-color: #ffffff; $roomsublist-label-bg-color: $secondary-accent-color; $roomsublist-chevron-color: #ffffff;