Is there any way to change the red text on dark blue background that is used for invalid choices, both in the listing and description of why it's invalid? I'm mildly colorblind (red/green which is very common) and cannot read it without dragging my mouse over it to highlight it. I can see there's text there but the contrast isn't enough to read it. I've never had much of an issue with other sites, just this color combo.
-
Please note: In an effort to ensure that all of our users feel welcome on our forums, we’ve updated our forum rules. You can review the updated rules here: http://forums.wolflair.com/showthread.php?t=5528.
If a fellow Community member is not following the forum rules, please report the post by clicking the Report button (the red yield sign on the left) located on every post. This will notify the moderators directly. If you have any questions about these new rules, please contact support@wolflair.com.
- The Lone Wolf Development Team
Can't read red text on blue for Invalid Choices
- Thread starter beamersrq
- Start date
As a workaround, you can use the Stylus browser extension (or another user styles extension) to change the color yourself for now. That text is in a CSS class named "hl-error", so using something like this as your style:
would override it to a much lighter pink and is hopefully readable for you.
That should work if you only use HLO with Starfinder. If you also use it with Pathfinder 2E, though, you will probably want to override a couple other things to force a background and foreground color so it's readable regardless of system. You might also want to add something to help indicate it's an error, like making the font bold:
Not the prettiest, but definitely readable.
Hope this helps.
Code:
.hl-error {
color: #FFCCCC !important;
}would override it to a much lighter pink and is hopefully readable for you.
That should work if you only use HLO with Starfinder. If you also use it with Pathfinder 2E, though, you will probably want to override a couple other things to force a background and foreground color so it's readable regardless of system. You might also want to add something to help indicate it's an error, like making the font bold:
Code:
.hl-error {
color: black !important;
background-color: white !important;
font-weight: bold !important;
}Not the prettiest, but definitely readable.
Hope this helps.