Restore room list backdrop (#11300)

* Restore room list backdrop * Lintfix
matrix-org · Jul 20, 2023 · 882c85a · 882c85a
1 parent dd5b932
commit 882c85a
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 4 deletions.
diff --git a/res/css/structures/_LeftPanel.pcss b/res/css/structures/_LeftPanel.pcss
@@ -14,6 +14,13 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
+.mx_MatrixChat--with-avatar {
+    .mx_LeftPanel,
+    .mx_LeftPanel .mx_LeftPanel_roomListContainer {
+        background-color: transparent;
+    }
+}
+
 .mx_LeftPanel_outerWrapper {
     display: flex;
     flex-direction: column;

diff --git a/res/themes/dark/css/_dark.pcss b/res/themes/dark/css/_dark.pcss
@@ -20,7 +20,7 @@ $separator: var(--cpd-color-alpha-gray-400);
 
 /* RoomList */
 /* ******************** */
-$roomlist-bg-color: var(--cpd-color-bg-subtle-secondary); /* TODO: there's no corresponding compound color */
+$roomlist-bg-color: rgba(38, 40, 45, 0.9);
 $roomsublist-skeleton-ui-bg: linear-gradient(180deg, $background 0%, #ffffff00 100%);
 $roomtile-default-badge-bg-color: $muted-fg-color;
 /* ******************** */

diff --git a/res/themes/legacy-dark/css/_legacy-dark.pcss b/res/themes/legacy-dark/css/_legacy-dark.pcss
@@ -148,7 +148,7 @@ $call-primary-content: $primary-content;
 $call-light-quaternary-content: #c1c6cd;
 
 $roomlist-filter-active-bg-color: $panel-actions;
-$roomlist-bg-color: var(--cpd-color-bg-subtle-secondary);
+$roomlist-bg-color: rgba(38, 40, 45, 0.9);
 
 $roomsublist-skeleton-ui-bg: linear-gradient(180deg, #3e444c 0%, #3e444c00 100%);
 

diff --git a/res/themes/legacy-light/css/_legacy-light.pcss b/res/themes/legacy-light/css/_legacy-light.pcss
@@ -166,7 +166,7 @@ $separator: var(--cpd-color-alpha-gray-400);
 /* ******************** */
 
 $roomlist-filter-active-bg-color: $panel-actions;
-$roomlist-bg-color: var(--cpd-color-bg-subtle-secondary);
+$roomlist-bg-color: rgba(245, 245, 245, 0.9);
 $roomlist-header-color: $primary-fg-color;
 $roomsublist-skeleton-ui-bg: linear-gradient(180deg, #ffffff 0%, #ffffff00 100%);
 

diff --git a/res/themes/light/css/_light.pcss b/res/themes/light/css/_light.pcss
@@ -202,7 +202,7 @@ $imagebody-giflabel-color: $background;
 
 /* RoomList */
 /* ******************** */
-$roomlist-bg-color: var(--cpd-color-bg-subtle-secondary);
+$roomlist-bg-color: rgba(245, 245, 245, 0.9);
 $roomsublist-skeleton-ui-bg: linear-gradient(180deg, $background 0%, #ffffff00 100%);
 $roomtile-default-badge-bg-color: $muted-fg-color;
 /* ******************** */