Thank you for tagging this task with good first task for Wikimedia newcomers!

Newcomers often may not be aware of things that may seem obvious to seasoned contributors, so please take a moment to reflect on how this task might look to somebody who has never contributed to Wikimedia projects.

A good first task is a self-contained, non-controversial task with a clear approach. It should be well-described with pointers to help a completely new contributor, for example it should clearly pointed to the codebase URL and provide clear steps to help a contributor get setup for success. We've included some guidelines at https://phabricator.wikimedia.org/tag/good_first_task/ !

Thank you for helping us drive new contributions to our projects <3

Able to replicate on testwiki, both for notices and alerts.

Also found that the "You have a new Talk page message" is also not accessible, and on hover is worse:

I tried to reproduce the issue as per the task description (i.e. a temp user on dewiki beta got the welcome notification) - seems to be working without any issues (see the animated gif below):

Also checked testwiki wmf.18 - the issue was not present there. Checked in FF and Chrome browsers.

I can still reproduce on Firefox modern using the instructions in description as well as on live English Wikipedia.

In T370042#10078594, @KStoller-WMF wrote:

@JFernandez-WMF will suggest a design token and/or color to replace the current bright blue background that doesn't work well in darkmode.

I quickly looked up the status quo. This is where the animation is defined color-wise:

@keyframes unseen-fadeout-to-unread {
	from {
		background-color: @notification-background-unseen;
	}

	to {
		background-color: @notification-background-unread;
	}
}

@keyframes unseen-fadeout-to-read {
	from {
		background-color: @notification-background-unseen;
	}

	to {
		background-color: @notification-background-read;
	}
}

and the variables are:

@notification-background-unseen: #dce8ff;
@notification-background-unread: @background-color-base;
@notification-background-read: @background-color-neutral;

Closest option at the moment would be @background-color-progressive-subtle I would assume?

Mh, maybe.
I probably wouldn't notice the slight color change in the animation.
If I set the initial colors of the animation next to each other, then it looks like this:

And in darkmode:

@JFernandez-WMF: What do you think?

Change #1070045 had a related patch set uploaded (by Sjoerddebruin; author: Sjoerddebruin):

[mediawiki/extensions/Echo@master] Set Codex-token for @notification-background-unseen

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

Due to the lack of a response so far I've already prepared the patch, I don't think there are other viable options and I rather have this fixed than waiting for a formality approval.

In T370042#10110830, @Sjoerddebruin wrote:

Due to the lack of a response so far I've already prepared the patch, I don't think there are other viable options and I rather have this fixed than waiting for a formality approval.

Ah, turns out I forgot to actually push the exact same change I already have on disk XD. I agree, it is probably fine to move forward with this for now, and we can still make adjustments later if so required.

Change #1070045 merged by jenkins-bot:

[mediawiki/extensions/Echo@master] Set Codex-token for @notification-background-unseen

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