diff --git a/res/css/structures/_RoomSubList.scss b/res/css/structures/_RoomSubList.scss index 3b03fe0a2f..fc61395bf9 100644 --- a/res/css/structures/_RoomSubList.scss +++ b/res/css/structures/_RoomSubList.scss @@ -70,10 +70,10 @@ limitations under the License. .mx_RoomSubList_badge { flex: 0 0 auto; border-radius: 8px; - color: $accent-fg-color; font-weight: 600; font-size: 12px; padding: 0 5px; + color: $roomtile-badge-fg-color; background-color: $roomtile-name-color; cursor: pointer; } @@ -104,6 +104,7 @@ limitations under the License. } .mx_RoomSubList_badgeHighlight { + color: $accent-fg-color; background-color: $warning-color; } diff --git a/res/css/views/rooms/_RoomTile.scss b/res/css/views/rooms/_RoomTile.scss index 25330973b6..2acddc233c 100644 --- a/res/css/views/rooms/_RoomTile.scss +++ b/res/css/views/rooms/_RoomTile.scss @@ -110,7 +110,7 @@ limitations under the License. flex: 0 1 content; border-radius: 0.8em; padding: 0 0.4em; - color: $accent-fg-color; + color: $roomtile-badge-fg-color; font-weight: 600; font-size: 12px; } @@ -156,6 +156,7 @@ limitations under the License. .mx_RoomTile_highlight .mx_RoomTile_badge, .mx_RoomTile_badge.mx_RoomTile_badgeRed { + color: $accent-fg-color; background-color: $warning-color; } diff --git a/res/themes/light-custom/css/_custom.scss b/res/themes/light-custom/css/_custom.scss index 5af7caa43e..54f721828f 100644 --- a/res/themes/light-custom/css/_custom.scss +++ b/res/themes/light-custom/css/_custom.scss @@ -48,6 +48,7 @@ $roomsublist-background: var(--roomlist-background-color); $secondary-accent-color: var(--roomlist-background-color); $selected-color: var(--roomlist-background-color); $widget-menu-bar-bg-color: var(--roomlist-background-color); +$roomtile-badge-fg-color: var(--roomlist-background-color); // // --timeline-text-color $message-action-bar-fg-color: var(--timeline-text-color); diff --git a/res/themes/light/css/_light.scss b/res/themes/light/css/_light.scss index 224e6a95d8..b412261d10 100644 --- a/res/themes/light/css/_light.scss +++ b/res/themes/light/css/_light.scss @@ -167,6 +167,7 @@ $header-divider-color: #91A1C0; // ******************** $roomtile-name-color: #61708b; +$roomtile-badge-fg-color: $accent-fg-color; $roomtile-selected-color: #212121; $roomtile-notified-color: #212121; $roomtile-selected-bg-color: #fff;