Fixes background of talk page highlights in dark mode

Bug: T368086
Change-Id: I6ca92afeba448f953d1ef5f54d7f1e966c017b48
This commit is contained in:
Jon Robson 2024-06-27 15:43:59 -07:00
parent 4a2a1670de
commit 6896c8c879

View file

@ -132,6 +132,16 @@ h1, h2, h3, h4, h5, h6 {
// Support: Safari // Support: Safari
// Safari doesn't blend this overlay with the text unless GPU rendering is forced. // Safari doesn't blend this overlay with the text unless GPU rendering is forced.
transform: translateZ( 0 ); transform: translateZ( 0 );
html.skin-theme-clientpref-night & {
mix-blend-mode: lighten;
}
@media ( prefers-color-scheme: dark ) {
html.skin-theme-clientpref-os & {
mix-blend-mode: lighten;
}
}
} }
.ext-discussiontools-init-highlight-fadein { .ext-discussiontools-init-highlight-fadein {
@ -145,12 +155,21 @@ h1, h2, h3, h4, h5, h6 {
.ext-discussiontools-init-publishedcomment { .ext-discussiontools-init-publishedcomment {
background-color: #ffe29e; background-color: #ffe29e;
html.skin-theme-clientpref-night & {
background-color: @background-color-success-subtle;
}
@media ( prefers-color-scheme: dark ) {
html.skin-theme-clientpref-os & {
background-color: @background-color-success-subtle;
}
}
} }
.ext-discussiontools-init-targetcomment { .ext-discussiontools-init-targetcomment {
// Same color as the :target selector for references (from Cite). // T368086
// Not sure if that's a good idea, but it should be different from -publishedcomment. background-color: @background-color-progressive-subtle;
background-color: #eaf3ff;
} }
// Topic subscriptions (both kinds) // Topic subscriptions (both kinds)