_theme.scss 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. .#{$rt-namespace}__toast {
  2. &-theme--dark {
  3. background: var(--toastify-color-dark);
  4. color: var(--toastify-text-color-dark);
  5. }
  6. &-theme--light {
  7. background: var(--toastify-color-light);
  8. color: var(--toastify-text-color-light);
  9. }
  10. &-theme--colored#{&}--default {
  11. background: var(--toastify-color-light);
  12. color: var(--toastify-text-color-light);
  13. }
  14. &-theme--colored#{&}--info {
  15. color: var(--toastify-text-color-info);
  16. background: var(--toastify-color-info);
  17. }
  18. &-theme--colored#{&}--success {
  19. color: var(--toastify-text-color-success);
  20. background: var(--toastify-color-success);
  21. }
  22. &-theme--colored#{&}--warning {
  23. color: var(--toastify-text-color-warning);
  24. background: var(--toastify-color-warning);
  25. }
  26. &-theme--colored#{&}--error {
  27. color: var(--toastify-text-color-error);
  28. background: var(--toastify-color-error);
  29. }
  30. }
  31. .#{$rt-namespace}__progress-bar {
  32. &-theme--light {
  33. background: var(--toastify-color-progress-light);
  34. }
  35. &-theme--dark {
  36. background: var(--toastify-color-progress-dark);
  37. }
  38. &--info {
  39. background: var(--toastify-color-progress-info);
  40. }
  41. &--success {
  42. background: var(--toastify-color-progress-success);
  43. }
  44. &--warning {
  45. background: var(--toastify-color-progress-warning);
  46. }
  47. &--error {
  48. background: var(--toastify-color-progress-error);
  49. }
  50. &-theme--colored#{&}--info,
  51. &-theme--colored#{&}--success,
  52. &-theme--colored#{&}--warning,
  53. &-theme--colored#{&}--error {
  54. background: var(--toastify-color-transparent);
  55. }
  56. }