Update toast styling so that it is discernible when overlaid on any background colour
Summary
Toasts use dark background currently which means when they appear over a section with a dark background, their contrast is lacking and it can be hard to notice them.
Add a border to help improve visibility in same way as tooltips.
๐ฌ Description
Add a border to improve visibility.
๐ฐ Use value
Makes component more accessible and usable.
๐ Acceptance Criteria
If relevant, describe in full detail the different interactions and edge cases that the component or patterns needs to fulfil.
Given that a toast notification is triggered When it appears Then it should have a contrasting border so that it is visible on any backgrond.
โ Designs
If there's a Figma design file (or other mock-up), include it here.
##โฏ๐งพ Guidance If there's written guidance or documentation, include a link to it here.
Additional info
Tell us anything else useful to help us understand your suggestion.
Toast now has a border around it in dark mode. Assign ticket to dev for confirmation this has been done
Designers to update so it appears in light mode too
Current v3 design has border around Toast in both LM & DM variants
moved back to be re-triaged, as this can now be done in dev