@adobe/spectrum-css
Version:
The Spectrum CSS top-level backwards compatible package
47 lines (45 loc) • 1.57 kB
CSS
.spectrum--dark .spectrum-Toast {
background-color: rgb(116, 116, 116);
color: rgb(116, 116, 116);
}
.spectrum--dark .spectrum-Toast-content {
color: rgb(255, 255, 255);
}
.spectrum--dark .spectrum-Toast-typeIcon {
color: white;
}
.spectrum--dark .spectrum-Toast-buttons {
border-left-color: rgba(255, 255, 255, 0.2);
}
.spectrum--dark .spectrum-Toast--warning {
background-color: rgb(203, 111, 16);
color: rgb(203, 111, 16);
}
.spectrum--dark .spectrum-Toast--warning .spectrum-Toast-closeButton.focus-ring:not(:active) {
color: rgb(203, 111, 16);
}
.spectrum--dark .spectrum-Toast--negative,
.spectrum--dark .spectrum-Toast--error {
background-color: rgb(201, 37, 45);
color: rgb(201, 37, 45);
}
.spectrum--dark .spectrum-Toast--negative .spectrum-Toast-closeButton.focus-ring:not(:active),
.spectrum--dark .spectrum-Toast--error .spectrum-Toast-closeButton.focus-ring:not(:active) {
color: rgb(201, 37, 45);
}
.spectrum--dark .spectrum-Toast--info {
background-color: rgb(13, 102, 208);
color: rgb(13, 102, 208);
}
.spectrum--dark .spectrum-Toast--info .spectrum-Toast-closeButton.focus-ring:not(:active) {
color: rgb(13, 102, 208);
}
.spectrum--dark .spectrum-Toast--positive,
.spectrum--dark .spectrum-Toast--success {
background-color: rgb(18, 128, 92);
color: rgb(18, 128, 92);
}
.spectrum--dark .spectrum-Toast--positive .spectrum-Toast-closeButton.focus-ring:not(:active),
.spectrum--dark .spectrum-Toast--success .spectrum-Toast-closeButton.focus-ring:not(:active) {
color: rgb(18, 128, 92);
}