Change #1015287 had a related patch set uploaded (by Esanders; author: Esanders):

[mediawiki/extensions/MobileFrontend@master] Remove black background from references drawer

https://gerrit.wikimedia.org/r/1015287

Quoting relevant parts of previous task:

In T129054#3428646, @Nirzar wrote:

I propose we use the same drawer pattern as of warning messages like this >

We can borrow the dismiss mechanism + browser support + fallback

Here's how the citations will look with the above drawer pattern

Only one drawback of this
We won't have a title that says "citation"
right now we have a very grey uppercase random icon and title which doesn't work. I don't think it's adding much value.
being said that, we do have drawer use cases where we _do_ need a title, in that case we should redo the title part of our drawer pattern.

for this task, let's just re-use it.

@Cenarium what do you think?

...

In T129054#8363253, @alexhollender_WMF wrote:

@Jdlrobson it seems like all 3 options use the drawer, and the differences are whether the drawer is white or black, and whether the math formula has a white background? I'm not sure what the rules are on when the drawer is black vs when it is white, but the white one is much easier to read, so we should use that if possible:

if we can't use that this is fine:

...

In T129054#9657032, @Esanders wrote:

For reference, the Android app also uses light drawers, with and additional dark overlay for the content area:

...

In T129054#9668758, @Esanders wrote:

...as does MobileFrontend for the CTA drawer, used for redlinks, and actions while logged

PatchDemo: https://patchdemo.wmflabs.org/wikis/560a719650/w/index.php?title=Arsenal_F.C.&mobileaction=toggle_view_mobile

Unrelated to night mode issues this seems like a sensible fix, and is quite small change.

Is it the case that the reference drawer will be switch to have both light and dark modes in the future? I'm making a gadget that will have the same appearance with these drawers, hence asking for confirmation.

Test wiki created on Patch demo by ESanders (WMF) using patch(es) linked to this task:
https://patchdemo.wmcloud.org/wikis/d4a3381c48/wiki/Reflexive_space?mobileaction=toggle_view_mobile

Test wiki on Patch demo by ESanders (WMF) using patch(es) linked to this task was deleted:

https://patchdemo.wmcloud.org/wikis/d4a3381c48/w/

Test wiki created on Patch demo by ESanders (WMF) using patch(es) linked to this task:
https://patchdemo.wmcloud.org/wikis/e74a12be2c/wiki/Reflexive_space?mobileaction=toggle_view_mobile

In T367413#10436080, @Diskdance wrote:

Is it the case that the reference drawer will be switch to have both light and dark modes in the future? I'm making a gadget that will have the same appearance with these drawers, hence asking for confirmation.

Here's how dark mode looks:

Before patch	After patch