search

david-tejada / rango

🦎 The cross browser extension that helps you control your browser by voice. It blends in!
MIT License
127 stars 16 forks source link

Toast notifications could use improved contrast #305

Open bacall213 opened 2 months ago

bacall213 commented 2 months ago

The toast notifications utilize '--toastify-text-color-light' as the foreground color. For the footer, in particular, the combination of --toastify-text-color-light (#757575) as a foreground on a background of #E5E5E5 results in lower than ideal contrast that can make the message hard to read. I'm not sure what toastify color variables are available to you so I don't have a drop in replacement. Replacing --toastify-text-color-light with pretty much anything darker would be enough.

The problematic CSS is included in src/content/notify/Toast.css under #rango-toast .Toastify__toast-body footer code { }

bacall213 commented 2 months ago

It looks like --toastify-text-color-light is defined in Toastify's _variables.scss config. You could override it locally, or perhaps use --toastify-color-dark: #121212;

david-tejada commented 4 days ago

Okay, I'll fix it