Fix colour regressions (#11273)

* Fix color contrast of notice events

Fixes https://github.com/vector-im/element-web/issues/25808

* Restore alert color for highlighted events

Fixes https://github.com/vector-im/element-web/issues/25788

* Fix quote border for highlighted events

Fixes https://github.com/vector-im/element-web/issues/25811

* Fix media background mixing with event highlighted

Fixes https://github.com/vector-im/element-web/issues/25812
pull/28788/head^2
Germain 2023-07-17 10:59:10 +01:00 committed by GitHub
parent 2bc4764e01
commit 5d4153fa64
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 6 additions and 6 deletions

View File

@ -16,5 +16,5 @@ limitations under the License.
.mx_MNoticeBody {
white-space: pre-wrap;
opacity: 0.6;
color: $secondary-content;
}

View File

@ -18,7 +18,7 @@ limitations under the License.
/* have unique styles). */
.mx_MediaBody {
background-color: $quinary-content;
background-color: $panels;
border-radius: 12px;
max-width: 243px; /* use max-width instead of width so it fits within right panels */

View File

@ -143,7 +143,7 @@ $left-gutter: 64px;
&.mx_EventTile_highlight,
&.mx_EventTile_highlight .markdown-body,
&.mx_EventTile_highlight .mx_EventTile_edited {
color: $primary-content;
color: $alert;
}
&.mx_EventTile_bubbleContainer {

View File

@ -110,7 +110,7 @@ $neutral-badge-color: #dbdbdb;
$preview-widget-bar-color: #ddd;
$blockquote-bar-color: #ddd;
$blockquote-bar-color: var(--cpd-color-border-interactive-primary);
$settings-grey-fg-color: #a2a2a2;
$settings-subsection-fg-color: #61708b;

View File

@ -103,7 +103,7 @@ $muted-fg-color: #61708b;
$light-fg-color: #747474;
$focus-bg-color: $preview-widget-bar-color;
$info-plinth-bg-color: #f7f7f7;
$event-selected-color: #f6f7f8;
$event-selected-color: var(--cpd-color-bg-subtle-secondary);
$topleftmenu-color: #212121;
$roomtopic-color: #9e9e9e;
$spacePanel-bg-color: rgba(232, 232, 232, 0.77);
@ -115,7 +115,7 @@ $header-panel-text-primary-color: #91a1c0;
/* Blockquote */
/* ******************** */
$blockquote-bar-color: $focus-bg-color;
$blockquote-bar-color: var(--cpd-color-border-interactive-primary);
/* ******************** */
/* Tooltip */