Andreas/LibreChat
1
0
Fork 0
mirror of https://github.com/danny-avila/LibreChat.git synced 2026-01-08 11:38:51 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 6

🥂 feat: High Contrast Toasts (#11035)

Browse source
This commit is contained in:
Dustin Healy 2025-12-18 17:44:40 -08:00 • committed by GitHub
parent 9dda857a59
commit 7ef975e975
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 9 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

12
packages/client/src/components/Toast.tsx
View file

@ -5,10 +5,16 @@ import { useToast } from '~/hooks';
export function Toast() {
const { toast, onOpenChange } = useToast();
const severityClassName = {
/* Going up by 100 units in terms of darkness (eg bg-green-500 to bg-green-600) for
* bg colors produces colors that are too visually dissimilar to LibreChat's standard color palette.
* These colors were derived by adjusting the values in the HSV color space using CCA
* until the 4.5:1 contrast ratio threshold was met against white text while maintaining
* a relatively recognizable color scheme for toasts without compromising accessibility.
* */
[NotificationSeverity.INFO]: 'border-gray-500 bg-gray-500',
[NotificationSeverity.SUCCESS]: 'border-green-500 bg-green-500',
[NotificationSeverity.WARNING]: 'border-orange-600 bg-orange-600',
[NotificationSeverity.ERROR]: 'border-red-500 bg-red-500',
[NotificationSeverity.SUCCESS]: 'border-[#02855E] bg-[#02855E]',
[NotificationSeverity.WARNING]: 'border-[#C75209] bg-[#C75209]',
[NotificationSeverity.ERROR]: 'border-[#E02F1F] bg-[#E02F1F]',
};
return (