update

src/components/alert/alert.css

@@ -1,30 +1,30 @@
 /* TODO common styles */
 .swal2-container.swal2-center > .swal2-popup {
-  border: solid 2px #707070;
-  padding: 10px;
+  border: solid 2px #707070 !important;
+  padding: 10px !important;
 }
 /* ? کلاس تمامی تایتل ها */
 .swal2-title {
-  text-align: right;
-  font-size: 26px;
+  text-align: right !important;
+  font-size: 26px !important;
 }
 /* ? کلاس متن داخل الرت باکس */
 .swal2-html-container {
-  text-align: justify;
-  line-height: 1.8;
+  text-align: justify !important;
+  line-height: 1.8 !important;
   color: var(--content-color) !important;
-  font-weight: 600;
+  font-weight: 600 !important;
 }
 /* ? کلاس ایکن کنسل یا ضربدر بالا سمت چپ الرت باکس */
 .swal2-rtl .swal2-close {
-  border-radius: 10px;
-  margin-left: 10px;
-  margin-top: 13px;
-  transition: all 0.4s;
+  border-radius: 10px !important;
+  margin-left: 10px !important;
+  margin-top: 13px !important;
+  transition: all 0.4s !important;
 }
 /* ? کلاس کانفرم باتن */
 .swal2-styled.swal2-confirm {
-  transition: all 0.4s;
+  transition: all 0.4s !important;
   outline: none !important;
 }
 /* ? کلاس هاور کانفرم باتن */
@@ -33,7 +33,7 @@
 }
 /* ? کلاس کنسل باتن */
 .swal2-styled.swal2-cancel {
-  transition: all 0.4s;
+  transition: all 0.4s !important;
 }
 /* ? کلاس هاور کنسل باتن */
 .swal2-styled.swal2-cancel:hover {
@@ -41,8 +41,8 @@
 }
 /* ? ایکن اررور  */
 .swal2-icon.swal2-error {
-  border-color: #e92424;
-  color: #e92424;
+  border-color: var(--error-color7-button) !important;
+  color: var(--error-color7-button) !important;
 }
 /* !error 1 */
 /* به اررور های ابی رنگ کلاس هایی دادم که اخرش با 1 تمام میشود */
@@ -55,7 +55,7 @@
 .eroorr:focus {
   outline: none !important;
   box-shadow: 0px 0px 0px black !important;
-  border: 0px;
+  border: 0px !important;
 }
 /* ? دکمه ضربدر بالا سمت چپ */
 .close-button-1 {
@@ -137,15 +137,15 @@
   color: var(--error-color2) !important;
 }
 .alert-popup4 {
-  width: 440px;
+  width: 440px !important;
 }
 /* !error5 */
 /* ? کانفرم باتن */
 .confirm-button-5 {
   background-color: var(--error-color2) !important;
-  margin-top: -81px;
-  margin-left: -260px;
-  padding: 12px 15px;
+  margin-top: -81px !important;
+  margin-left: -260px !important;
+  padding: 12px 15px !important;
   border-top-right-radius: 0px !important;
   border-bottom-right-radius: 0px !important;
 }
@@ -211,7 +211,7 @@
   text-align: center !important;
 }
 .alert-popup8 {
-  width: 440px;
+  width: 440px !important;
 }
 /* !error9 */
 .title-error-9 {

src/components/sweetAlertToast/SweetAlert.css

@@ -1,3 +1,10 @@
+.swal2-popup.swal2-toast .swal2-title {
+  font-size: 1em !important;
+}
+.swal2-popup.swal2-toast .swal2-close {
+  margin-left: 0px !important;
+  margin-top: 0px !important;
+}
 .swal2-timer-progress-bar-container {
   background-color: var(--error-color7) !important;
   direction: ltr !important;
@@ -27,7 +34,7 @@
 /* *success Toast */
 
 .success-toast-title {
-  color: var(--toast-success-color);
+  color: var(--toast-success-color) !important;
 }
 .success-toast-modalBox {
   background-color: var(--toast-bg-success) !important;
@@ -37,6 +44,3 @@
   color: var(--toast-bg-success) !important;
   padding: 15px !important;
 }
-.iconColor {
-  color: slateblue !important;
-}