51 lines
1.4 KiB
CSS
51 lines
1.4 KiB
CSS
/* ===== Base toast style (applies to all toasts) ===== */
|
|
.Toastify__toast {
|
|
font-family: var(--font-inter);
|
|
background-color: var(--color-bg-light);
|
|
border: 2px solid var(--color-block);
|
|
color: var(--color-bg-dark);
|
|
border-radius: 8px;
|
|
box-shadow: none;
|
|
}
|
|
|
|
/* ===== Base toast style for dark mode ===== */
|
|
.dark .Toastify__toast {
|
|
background-color: var(--color-bg-dark);
|
|
border: 1px solid var(--color-block);
|
|
color: #ffffff;
|
|
}
|
|
|
|
/* ===== Error toast: red background and white text ===== */
|
|
.Toastify__toast--error {
|
|
background-color: var(--color-bg-light);
|
|
}
|
|
|
|
/* ===== Error toast in dark mode: darker red background ===== */
|
|
.dark .Toastify__toast--error {
|
|
background-color: var(--color-bg-dark);
|
|
}
|
|
|
|
/* ===== Default progress bar color (used for success and others) ===== */
|
|
.Toastify__progress-bar {
|
|
background-color: var(--color-accent-green-dark);
|
|
}
|
|
|
|
/* ===== Error toast: custom progress bar color ===== */
|
|
.Toastify__toast--error .Toastify__progress-bar {
|
|
background-color: #dc3545;
|
|
}
|
|
|
|
/* ===== Success toast: icon color ===== */
|
|
.Toastify__toast--success .Toastify__toast-icon svg {
|
|
fill: var(--color-accent-green-dark);
|
|
}
|
|
|
|
/* ===== Error toast: icon color ===== */
|
|
.Toastify__toast--error .Toastify__toast-icon svg {
|
|
fill: #dc3545;
|
|
}
|
|
|
|
/* ===== Close button color in dark mode ===== */
|
|
.dark .Toastify__close-button {
|
|
color: #fff;
|
|
} |