login/checkout
This commit is contained in:
@ -1,3 +1,4 @@
|
||||
/* ===== Base toast style (applies to all toasts) ===== */
|
||||
.Toastify__toast {
|
||||
font-family: var(--font-inter);
|
||||
background-color: var(--color-bg-light);
|
||||
@ -7,29 +8,44 @@
|
||||
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: #dc3545;
|
||||
color: #fff;
|
||||
background-color: var(--color-bg-light);
|
||||
}
|
||||
|
||||
/* ===== Error toast in dark mode: darker red background ===== */
|
||||
.dark .Toastify__toast--error {
|
||||
background-color: #c82333;
|
||||
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;
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user