From 655d6f3fc7e90551f317c53257769578c6b8ff77 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sven=20H=C3=BCster?= <sven.svelle@gmail.com>
Date: Mon, 2 Jun 2025 08:00:09 +0200
Subject: [PATCH] [MM-63944] fix channel header color (#30899)

Automatic Merge
---
 .../sidebar/sidebar_header/sidebar_header.scss        | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/webapp/channels/src/components/sidebar/sidebar_header/sidebar_header.scss b/webapp/channels/src/components/sidebar/sidebar_header/sidebar_header.scss
index 1b85e24192..eeb965fb2a 100644
--- a/webapp/channels/src/components/sidebar/sidebar_header/sidebar_header.scss
+++ b/webapp/channels/src/components/sidebar/sidebar_header/sidebar_header.scss
@@ -6,14 +6,25 @@
     align-items: center;
     justify-content: space-between;
     padding: 0 16px;
+    color: var(--sidebar-header-text-color);
 
     button#sidebarTeamMenuButton {
         overflow: hidden;
         padding: 2px 6px;
+        color: inherit;
         font-family: Metropolis, sans-serif;
         font-size: 16px;
         gap: 1px;
 
+        &:hover {
+            background: rgba(var(--sidebar-header-text-color-rgb), 0.08);
+        }
+
+        &:active,
+        &[aria-expanded=true][aria-haspopup=true] {
+            background: rgba(var(--sidebar-header-text-color-rgb), 0.12);
+        }
+
         & > span {
             overflow: hidden;
             text-overflow: ellipsis;