ext-component-sweet-alerts.css 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. .swal2-container .swal2-popup {
  2. border-radius: 0.428rem;
  3. padding-bottom: 1.5rem; }
  4. .swal2-container .swal2-popup .swal2-close:focus {
  5. outline: none;
  6. box-shadow: none; }
  7. .swal2-container .swal2-popup .swal2-content {
  8. color: #6e6b7b; }
  9. .swal2-container .swal2-popup .swal2-title {
  10. font-size: 1.5rem;
  11. font-weight: inherit;
  12. color: #5e5873; }
  13. .swal2-container .swal2-popup button.swal2-confirm:focus {
  14. box-shadow: none; }
  15. .swal2-container .swal2-popup input.swal2-input {
  16. height: 2.714rem;
  17. font-size: 1rem;
  18. padding: 0.571rem 1rem;
  19. color: #6e6b7b;
  20. border-color: #d8d6de;
  21. border-radius: 0.357rem;
  22. line-height: 1.45; }
  23. .swal2-container .swal2-popup input.swal2-input:focus {
  24. border-color: #7367f0 !important;
  25. box-shadow: 0 3px 10px 0 rgba(34, 41, 47, 0.1); }
  26. .swal2-container .swal2-popup .swal2-progress-steps .swal2-progress-step {
  27. background-color: #7367f0; }
  28. .swal2-container .swal2-popup .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line,
  29. .swal2-container .swal2-popup .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
  30. background-color: #887ef2; }
  31. .swal2-container .swal2-popup .swal2-progress-steps .swal2-progress-step-line {
  32. background-color: #7367f0; }
  33. .swal2-container .swal2-popup pre {
  34. min-height: 1.35rem;
  35. margin-top: 0.5rem; }
  36. .swal2-container .swal2-popup .swal2-footer {
  37. border-color: #ebe9f1;
  38. color: #6e6b7b; }
  39. .dark-layout .swal2-container .swal2-popup .swal2-title {
  40. color: #d0d2d6; }
  41. .dark-layout .swal2-container .swal2-modal {
  42. background-color: #283046; }
  43. .dark-layout .swal2-container .swal2-modal .swal2-header .swal2-title {
  44. color: #d0d2d6; }
  45. .dark-layout .swal2-container .swal2-modal .swal2-header .swal2-icon-text {
  46. color: inherit; }
  47. .dark-layout .swal2-container .swal2-modal .swal2-header .swal2-success-circular-line-left,
  48. .dark-layout .swal2-container .swal2-modal .swal2-header .swal2-success-circular-line-right,
  49. .dark-layout .swal2-container .swal2-modal .swal2-header .swal2-success-fix,
  50. .dark-layout .swal2-container .swal2-modal .swal2-header .swal2-animate-success-icon {
  51. background-color: #283046 !important; }
  52. .dark-layout .swal2-container .swal2-modal input.swal2-input {
  53. border-color: #3b4253;
  54. color: #b4b7bd; }
  55. .dark-layout .swal2-container .swal2-modal .swal2-content,
  56. .dark-layout .swal2-container .swal2-modal .swal2-html-container {
  57. color: #b4b7bd; }
  58. .dark-layout .swal2-container .swal2-modal pre,
  59. .dark-layout .swal2-container .swal2-modal code {
  60. color: #b4b7bd; }
  61. .dark-layout .swal2-container .swal2-modal .swal2-input {
  62. background-color: #283046; }
  63. .dark-layout .swal2-container .swal2-modal .swal2-footer {
  64. border-color: #3b4253;
  65. color: #b4b7bd; }
  66. .dark-layout .swal2-container .swal2-validation-message {
  67. background-color: #161d31;
  68. color: #b4b7bd; }