-
Notifications
You must be signed in to change notification settings - Fork 60
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Improve visibility of SNPs on alignments track #3534
Conversation
note: its quite difficult to get the contrast very good at all with the orange/yellow on grey but it is the 'traditional' color |
Codecov Report
@@ Coverage Diff @@
## main #3534 +/- ##
==========================================
- Coverage 62.78% 62.70% -0.08%
==========================================
Files 866 866
Lines 30271 30282 +11
Branches 7295 7290 -5
==========================================
- Hits 19006 18989 -17
- Misses 11076 11104 +28
Partials 189 189
... and 5 files with indirect coverage changes 📣 We’re building smart automated test selection to slash your CI/CD build times. Learn more |
ec77170
to
0277810
Compare
doing the "swipe" operation on the updated snapshot tests in this PR also show the evolution |
0277810
to
629a336
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Agreed, orange has a lot better contrast, and I think it's still sufficiently different from red.
c13b69e
to
5e1ad3b
Compare
went back to 1px instead of 1.5px as the fractional could be blurry. should still have better contrast now |
also standardizes on theme.palette.contrastColor(...) across both SequenceTrack and AlignmentsTrack...was using a custom util function we wrote @jbrowse/core/util/colors -> contrastingTextColor but I think the built in MUI solution is a bit better (chooses black on orange instead of white on orange for example) |
5e1ad3b
to
bf79fac
Compare
see '2-way swipes' in the 'files changed' for differences
the amber->orange change increases contrast ratio from 1.09 to 1.44 (amber vs lightgrey -> orange vs lightgrey) according to https://accessibleweb.com/color-contrast-checker/ at possible cost for being closer to red
orange #ff9800
amber #ffc107
lightgrey #d3d3d3