Fix gradient for night mode

Currently, the gradient is fading into #000 when what we want is #101418
(represented by @background-color-base).  Correct this and remove the
hardcoded rgba values as we don't need them and this gives us one less
place to update if the value changes in the future

Visual change (bug fix)

Bug: T360877
Change-Id: If330dd251dffb07f371c0c9222c6ef5f52120e25
This commit is contained in:
Steph Toyofuku 2024-05-16 11:29:02 -07:00
parent b6cd61cffa
commit 39e322b6ab

View file

@ -450,12 +450,12 @@ html.skin-theme-clientpref-night {
.mwe-popups-extract[ dir='ltr' ]::after {
/* @noflip */
background-image: linear-gradient( to right, rgba( 0, 0, 0, 0 ), rgba( 0, 0, 0, 1 ) 50% );
background-image: linear-gradient( to right, transparent, @background-color-base 50% );
}
.mwe-popups-extract[ dir='rtl' ]::after {
/* @noflip */
background-image: linear-gradient( to left, rgba( 0, 0, 0, 0 ), rgba( 0, 0, 0, 1 ) 50% );
background-image: linear-gradient( to left, transparent, @background-color-base 50% );
}
}
@ -471,12 +471,12 @@ html.skin-theme-clientpref-night {
.mwe-popups-extract[ dir='ltr' ]::after {
/* @noflip */
background-image: linear-gradient( to right, rgba( 0, 0, 0, 0 ), rgba( 0, 0, 0, 1 ) 50% );
background-image: linear-gradient( to right, transparent, @background-color-base 50% );
}
.mwe-popups-extract[ dir='rtl' ]::after {
/* @noflip */
background-image: linear-gradient( to left, rgba( 0, 0, 0, 0 ), rgba( 0, 0, 0, 1 ) 50% );
background-image: linear-gradient( to left, transparent, @background-color-base 50% );
}
}
}