Overview:
We have slightly changed some of the link colors to improve accessibility. Specifically:
- The hover state of links has changed from #36c to #447FF5.
- The active state of links has changed from #FAA700 to #2A4B8D
- The visited color of links has changed from #795CB2 to #6B4BA1
NOTE: this change also changes hover and active states for links in desktop site standard theme.
Old task description:
Steps to replicate the issue (include links if applicable):
- Go to any page in dark mode on Vector.
- Click a link
- Go back to the source page and inspect the computed colour.
What happens?:
Visited links are #795cb2
What should have happened instead?:
They should be #977DBD
Software version (on Special:Version page; skip for WMF-hosted wikis like Wikipedia):
Other information (browser name/version, screenshots, etc.):
Weirdly, it looks like the variable is right but this is being overwritten for some reason.
Requirement
Ensure that the visited link colors are accessible in dark mode by verifying that the visited link color is #977DBD.
BDD
Feature: Visited Link Color Accessibility in Dark Mode
Scenario: Verify visited link color in dark mode
Given the user is in dark mode
When the user visits a link
And returns to the source page
Then the visited link color should be #977DBDTest Steps
Test Case 1: Verify Visited Link Color in Dark Mode
- Go to any page in dark mode on Vector.
- Click a link.
- Return to the source page.
- AC1: Inspect the computed color of the visited link. Confirm the visited link color is #977DBD.
QA Results - Beta
| AC | Status | Details |
|---|---|---|
| 1 | ✅ | T366515#9904658 |
QA Results - Prod
| AC | Status | Details |
|---|---|---|
| 1 | ✅ | T366515#10020110 |
