question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Notification] Low contrast style bugs

See original GitHub issue

There are some style bugs with the low contrast variation of notification

  • Inline notifications in White and Gray 10 themes need to add color border and remove the drop-shadow. See spec section below

    • As-is:
    • image
  • Gray 90 and Gray 100 low contrast notifications are completely wrong and should look like the specs in next section

    • As is:
    • image

Specs

Sketch file: https://ibm.box.com/s/wlqdd8ayfcvf4omy7616ldzs2elei9bv

To-be:

Gray 100 Gray 90
White Gray 10

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:5 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
emyarodcommented, Mar 8, 2021
1reaction
aagonzalescommented, Mar 8, 2021

@emyarod Actually it looks like the low contrast notifications in the dark theme are showing correctly now in the storybook. I’m not sure when it was resolved.

image

Read more comments on GitHub >

github_iconTop Results From Across the Web

Inline notifications - Carbon Design System
Carbon supports high and low contrast style notifications. High-contrast notifications are best for critical messaging while low-contrast notifications are ...
Read more >
Notifications and calendar low contrast makes text barely visible
Hi! Notifications and calendar panel has so low contrast that text is barely visible. My system is a Windows 10 upgraded to Windows...
Read more >
Notification - Carbon Design System
Notifications are messages that communicate information to the user. ... Low contrast. Low contrast notifications in the White theme ...
Read more >
1664065 - Heartbeat: Notifications in dark theme are unreadable
Bug 1664065 - Remove Heartbeat specific styling since Firefox now shows notification bars in the same dimensions that Heartbeat wanted. Beta/Release Uplift ...
Read more >
Notification.CallStyle - Android Developers
The system may change this color to ensure sufficient contrast with the background. The system may choose to disregard this hint if the...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found