mirror of
https://github.com/joinmarket-webui/jam.git
synced 2026-08-15 12:50:48 +02:00
107 lines
3 KiB
CSS
107 lines
3 KiB
CSS
/* Sonner toast styling */
|
|
[data-sonner-toaster] [data-sonner-toast] {
|
|
background-color: hsl(var(--background));
|
|
border: 1px solid hsl(var(--border));
|
|
color: hsl(var(--foreground));
|
|
}
|
|
|
|
[data-sonner-toaster] [data-sonner-toast][data-type='success'] {
|
|
background-color: hsl(142 76% 94%);
|
|
border-color: hsl(142 72% 29%);
|
|
color: hsl(142 72% 29%);
|
|
}
|
|
|
|
[data-sonner-toaster] [data-sonner-toast][data-type='error'] {
|
|
background-color: hsl(0 86% 97%);
|
|
border-color: hsl(0 84% 60%);
|
|
color: hsl(0 84% 60%);
|
|
}
|
|
|
|
[data-sonner-toaster] [data-sonner-toast][data-type='warning'] {
|
|
background-color: hsl(48 96% 96%);
|
|
border-color: hsl(32 95% 44%);
|
|
color: hsl(32 95% 44%);
|
|
}
|
|
|
|
[data-sonner-toaster] [data-sonner-toast][data-type='info'] {
|
|
background-color: hsl(214 95% 93%);
|
|
border-color: hsl(221 83% 53%);
|
|
color: hsl(221 83% 53%);
|
|
}
|
|
|
|
/* Dark mode styles */
|
|
[data-theme='dark'] [data-sonner-toaster] [data-sonner-toast][data-type='success'] {
|
|
background-color: hsl(142 30% 15%);
|
|
border-color: hsl(142 72% 29%);
|
|
color: hsl(142 85% 85%);
|
|
}
|
|
|
|
[data-theme='dark'] [data-sonner-toaster] [data-sonner-toast][data-type='error'] {
|
|
background-color: hsl(0 30% 15%);
|
|
border-color: hsl(0 84% 60%);
|
|
color: hsl(0 86% 85%);
|
|
}
|
|
|
|
[data-theme='dark'] [data-sonner-toaster] [data-sonner-toast][data-type='warning'] {
|
|
background-color: hsl(32 30% 15%);
|
|
border-color: hsl(32 95% 44%);
|
|
color: hsl(32 95% 85%);
|
|
}
|
|
|
|
[data-theme='dark'] [data-sonner-toaster] [data-sonner-toast][data-type='info'] {
|
|
background-color: hsl(221 30% 15%);
|
|
border-color: hsl(221 83% 53%);
|
|
color: hsl(221 95% 85%);
|
|
}
|
|
|
|
/* Fix description text visibility */
|
|
[data-sonner-toaster] [data-sonner-toast] [data-description] {
|
|
color: hsl(var(--muted-foreground));
|
|
opacity: 0.9;
|
|
}
|
|
|
|
[data-sonner-toaster] [data-sonner-toast][data-type='success'] [data-description] {
|
|
color: hsl(142 72% 29%);
|
|
opacity: 0.8;
|
|
}
|
|
|
|
[data-sonner-toaster] [data-sonner-toast][data-type='error'] [data-description] {
|
|
color: hsl(0 84% 60%);
|
|
opacity: 0.8;
|
|
}
|
|
|
|
[data-sonner-toaster] [data-sonner-toast][data-type='warning'] [data-description] {
|
|
color: hsl(32 95% 44%);
|
|
opacity: 0.8;
|
|
}
|
|
|
|
[data-sonner-toaster] [data-sonner-toast][data-type='info'] [data-description] {
|
|
color: hsl(221 83% 53%);
|
|
opacity: 0.8;
|
|
}
|
|
|
|
/* Dark mode description colors */
|
|
[data-theme='dark'] [data-sonner-toaster] [data-sonner-toast] [data-description] {
|
|
color: hsl(var(--muted-foreground));
|
|
opacity: 0.9;
|
|
}
|
|
|
|
[data-theme='dark'] [data-sonner-toaster] [data-sonner-toast][data-type='success'] [data-description] {
|
|
color: hsl(142 85% 85%);
|
|
opacity: 0.8;
|
|
}
|
|
|
|
[data-theme='dark'] [data-sonner-toaster] [data-sonner-toast][data-type='error'] [data-description] {
|
|
color: hsl(0 86% 85%);
|
|
opacity: 0.8;
|
|
}
|
|
|
|
[data-theme='dark'] [data-sonner-toaster] [data-sonner-toast][data-type='warning'] [data-description] {
|
|
color: hsl(32 95% 85%);
|
|
opacity: 0.8;
|
|
}
|
|
|
|
[data-theme='dark'] [data-sonner-toaster] [data-sonner-toast][data-type='info'] [data-description] {
|
|
color: hsl(221 95% 85%);
|
|
opacity: 0.8;
|
|
}
|