From 3e928cf6a65d8bd3b02822481f6efce7f9329bad Mon Sep 17 00:00:00 2001
From: th0mcat <37344783+th0mcat@users.noreply.github.com>
Date: Tue, 9 Dec 2025 10:16:59 -0600
Subject: [PATCH] Change `header-panel-bg-hover` to use
 `var(--cpd-color-bg-action-secondary-hovered)` for better custom theming
 (#31457)

* Update header-panel-bg-hover in dark theme

* Update header-panel-bg-hover in light custom theme

* Update header-panel-bg-hover in light theme

* Fix syntax error

---------

Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
---
 res/themes/dark/css/_dark.pcss           | 2 +-
 res/themes/light-custom/css/_custom.pcss | 2 +-
 res/themes/light/css/_light.pcss         | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/res/themes/dark/css/_dark.pcss b/res/themes/dark/css/_dark.pcss
index 326c2cd646..dbd5176653 100644
--- a/res/themes/dark/css/_dark.pcss
+++ b/res/themes/dark/css/_dark.pcss
@@ -54,7 +54,7 @@ $accent-1400: var(--cpd-color-green-1400);
 /* ******************** */
 $inverted-bg-color: var(--cpd-color-bg-action-primary-rest);
 $header-panel-bg-color: var(--cpd-color-bg-subtle-secondary);
-$header-panel-bg-hover: var(--cpd-color-gray-200);
+$header-panel-bg-hover: var(--cpd-color-bg-action-secondary-hovered);
 /* ******************** */
 
 /* Theme specific colors */
diff --git a/res/themes/light-custom/css/_custom.pcss b/res/themes/light-custom/css/_custom.pcss
index 043de30191..5f0210ed10 100644
--- a/res/themes/light-custom/css/_custom.pcss
+++ b/res/themes/light-custom/css/_custom.pcss
@@ -46,7 +46,7 @@ $dialog-backdrop-color: var(--sidebar-color-50pct);
 
 /* --roomlist-background-color */
 $header-panel-bg-color: var(--roomlist-background-color);
-$header-panel-bg-hover: var(--cpd-color-gray-200);
+$header-panel-bg-hover: var(--cpd-color-bg-action-secondary-hovered);
 $panel-gradient: var(--roomlist-background-color-0pct), var(--roomlist-background-color);
 /* these were #f2f5f8 instead of #f3f8fd, but close enough */
 $dark-panel-bg-color: var(--roomlist-background-color);
diff --git a/res/themes/light/css/_light.pcss b/res/themes/light/css/_light.pcss
index f01a85cb4c..dfdb5f6c75 100644
--- a/res/themes/light/css/_light.pcss
+++ b/res/themes/light/css/_light.pcss
@@ -78,7 +78,7 @@ $accent-1400: var(--cpd-color-green-1400);
 /* ******************** */
 $inverted-bg-color: var(--cpd-color-bg-action-primary-rest);
 $header-panel-bg-color: var(--cpd-color-bg-subtle-primary);
-$header-panel-bg-hover: var(--cpd-color-gray-200);
+$header-panel-bg-hover: var(--cpd-color-bg-action-secondary-hovered);
 /* ******************** */
 
 /* Theme specific colors */