nikrozman/element-web
1
0
Fork 0
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Change header-panel-bg-hover to use var(--cpd-color-bg-action-secondary-hovered) for better custom theming (#31457)

Browse Source 
* 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>
This commit is contained in:
th0mcat
2025-12-09 10:16:59 -06:00
committed by GitHub
parent a2ca6f858f
commit 3e928cf6a6
3 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
res/themes/dark/css/_dark.pcss
View File

@@ -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 */

2
res/themes/light-custom/css/_custom.pcss
View File

@@ -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);

2
res/themes/light/css/_light.pcss
View File

@@ -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 */