first commit

This commit is contained in:
Beyhan Oğur
2026-04-26 21:33:39 +03:00
commit 4362c3b83f
1991 changed files with 285411 additions and 0 deletions

View File

@@ -0,0 +1,167 @@
[data-swal2-theme='bootstrap-4'],
[data-swal2-theme='bootstrap-4-light'],
[data-swal2-theme='bootstrap-4-dark'] {
/* BACKDROP */
--swal2-backdrop: rgba(0, 0, 0, 0.5);
--swal2-backdrop-transition: opacity 0.15s linear;
/* POPUP */
--swal2-width: 32rem;
--swal2-padding: 1.5rem;
--swal2-border: 1px solid rgba(0, 0, 0, 0.2);
--swal2-border-radius: 0.375rem;
--swal2-background: #fff;
--swal2-color: #212529;
/* ANIMATIONS */
--swal2-show-animation: bootstrap-4-fade-in 0.15s ease-out;
--swal2-hide-animation: bootstrap-4-fade-out 0.15s ease-in forwards;
/* TITLE */
--swal2-title-padding: 0 0 0.75rem;
/* HTML CONTAINER */
--swal2-html-container-padding: 0 0 1rem;
/* INPUT */
--swal2-input-border: 1px solid #ced4da;
--swal2-input-border-radius: 0.375rem;
--swal2-input-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
--swal2-input-background: #fff;
--swal2-input-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
/* INPUT:HOVER */
--swal2-input-hover-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
/* INPUT:FOCUS */
--swal2-input-focus-border: 1px solid #80bdff;
--swal2-input-focus-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
/* PROGRESS STEPS */
--swal2-progress-step-background: #007bff;
/* VALIDATION MESSAGE */
--swal2-validation-message-background: #f8d7da;
--swal2-validation-message-color: #721c24;
/* FOOTER */
--swal2-footer-border-color: #dee2e6;
--swal2-footer-background: #f8f9fa;
--swal2-footer-color: #6c757d;
/* CLOSE BUTTON */
--swal2-close-button-color: #6c757d;
--swal2-close-button-transition: color 0.15s ease-in-out, opacity 0.15s ease-in-out;
/* ACTIONS */
--swal2-actions-justify-content: flex-end;
--swal2-actions-margin: 1rem -0.25rem 0;
--swal2-actions-padding: 0;
/* COMMON VARIABLES FOR ALL ACTION BUTTONS */
--swal2-action-button-transition:
color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
box-shadow 0.15s ease-in-out;
--swal2-action-button-hover: rgba(0, 0, 0, 0.075);
--swal2-action-button-active: rgba(0, 0, 0, 0.125);
--swal2-action-button-focus-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
/* CONFIRM BUTTON */
--swal2-confirm-button-border-radius: 0.375rem;
--swal2-confirm-button-background-color: #007bff;
--swal2-confirm-button-color: #fff;
--swal2-confirm-button-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
/* DENY BUTTON */
--swal2-deny-button-border-radius: 0.375rem;
--swal2-deny-button-background-color: #dc3545;
--swal2-deny-button-color: #fff;
--swal2-deny-button-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
/* CANCEL BUTTON */
--swal2-cancel-button-border-radius: 0.375rem;
--swal2-cancel-button-background-color: #6c757d;
--swal2-cancel-button-color: #fff;
--swal2-cancel-button-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
/* TOASTS */
--swal2-toast-border: 1px solid rgba(0, 0, 0, 0.1);
--swal2-toast-box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
}
@media (prefers-color-scheme: dark) {
[data-swal2-theme='bootstrap-4'] {
/* POPUP */
--swal2-background: #343a40;
--swal2-color: #f8f9fa;
--swal2-border: 1px solid #495057;
/* INPUT */
--swal2-input-background: #495057;
--swal2-input-border: 1px solid #6c757d;
--swal2-input-focus-border: 1px solid #80bdff;
--swal2-input-focus-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
/* VALIDATION MESSAGE */
--swal2-validation-message-background: #721c24;
--swal2-validation-message-color: #f5c6cb;
/* FOOTER */
--swal2-footer-border-color: #495057;
--swal2-footer-background: #495057;
--swal2-footer-color: #adb5bd;
/* CLOSE BUTTON */
--swal2-close-button-color: #adb5bd;
}
}
[data-swal2-theme='bootstrap-4-dark'] {
/* POPUP */
--swal2-background: #343a40;
--swal2-color: #f8f9fa;
--swal2-border: 1px solid #495057;
/* INPUT */
--swal2-input-background: #495057;
--swal2-input-border: 1px solid #6c757d;
--swal2-input-focus-border: 1px solid #80bdff;
--swal2-input-focus-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
/* VALIDATION MESSAGE */
--swal2-validation-message-background: #721c24;
--swal2-validation-message-color: #f5c6cb;
/* FOOTER */
--swal2-footer-border-color: #495057;
--swal2-footer-background: #495057;
--swal2-footer-color: #adb5bd;
/* CLOSE BUTTON */
--swal2-close-button-color: #adb5bd;
}
/* Bootstrap 4 Modal Animations */
@keyframes bootstrap-4-fade-in {
0% {
transform: translate3d(0, -50px, 0) scale(0.9);
opacity: 0;
}
100% {
transform: translate3d(0, 0, 0) scale(1);
opacity: 1;
}
}
@keyframes bootstrap-4-fade-out {
0% {
transform: translate3d(0, 0, 0) scale(1);
opacity: 1;
}
100% {
transform: translate3d(0, -50px, 0) scale(0.9);
opacity: 0;
}
}

View File

@@ -0,0 +1,173 @@
[data-swal2-theme='bootstrap-5'],
[data-swal2-theme='bootstrap-5-light'],
[data-swal2-theme='bootstrap-5-dark'] {
/* BACKDROP */
--swal2-backdrop: rgba(0, 0, 0, 0.5);
--swal2-backdrop-transition: opacity 0.15s linear;
/* POPUP */
--swal2-width: 32rem;
--swal2-padding: 1.5rem;
--swal2-border: 1px solid var(--bs-border-color, rgba(0, 0, 0, 0.175));
--swal2-border-radius: 0.5rem;
--swal2-background: #fff;
--swal2-color: #212529;
/* ANIMATIONS */
--swal2-show-animation: bootstrap-5-fade-in 0.15s ease-out;
--swal2-hide-animation: bootstrap-5-fade-out 0.15s ease-in forwards;
/* TITLE */
--swal2-title-padding: 0 0 1rem;
/* HTML CONTAINER */
--swal2-html-container-padding: 0 0 1rem;
/* INPUT */
--swal2-input-border: 1px solid #dee2e6;
--swal2-input-border-radius: 0.375rem;
--swal2-input-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
--swal2-input-background: #fff;
--swal2-input-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
/* INPUT:HOVER */
--swal2-input-hover-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
/* INPUT:FOCUS */
--swal2-input-focus-border: 1px solid #86b7fe;
--swal2-input-focus-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
/* PROGRESS STEPS */
--swal2-progress-step-background: #0d6efd;
/* VALIDATION MESSAGE */
--swal2-validation-message-background: #f8d7da;
--swal2-validation-message-color: #842029;
/* FOOTER */
--swal2-footer-border-color: #dee2e6;
--swal2-footer-background: #f8f9fa;
--swal2-footer-color: #6c757d;
/* CLOSE BUTTON */
--swal2-close-button-color: #000;
--swal2-close-button-transition: color 0.15s ease-in-out, opacity 0.15s ease-in-out;
/* ACTIONS */
--swal2-actions-justify-content: flex-end;
--swal2-actions-margin: 1rem -0.25rem 0;
--swal2-actions-padding: 0;
/* COMMON VARIABLES FOR ALL ACTION BUTTONS */
--swal2-action-button-transition:
color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
box-shadow 0.15s ease-in-out;
--swal2-action-button-hover: rgba(0, 0, 0, 0.075);
--swal2-action-button-active: rgba(0, 0, 0, 0.125);
--swal2-action-button-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
/* CONFIRM BUTTON */
--swal2-confirm-button-border-radius: 0.375rem;
--swal2-confirm-button-background-color: #0d6efd;
--swal2-confirm-button-color: #fff;
--swal2-confirm-button-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
/* DENY BUTTON */
--swal2-deny-button-border-radius: 0.375rem;
--swal2-deny-button-background-color: #dc3545;
--swal2-deny-button-color: #fff;
--swal2-deny-button-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
/* CANCEL BUTTON */
--swal2-cancel-button-border-radius: 0.375rem;
--swal2-cancel-button-background-color: #6c757d;
--swal2-cancel-button-color: #fff;
--swal2-cancel-button-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
/* TOASTS */
--swal2-toast-border: 1px solid rgba(0, 0, 0, 0.175);
--swal2-toast-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
@media (prefers-color-scheme: dark) {
[data-swal2-theme='bootstrap-5'] {
/* POPUP */
--swal2-background: #212529;
--swal2-color: #fff;
--swal2-border: 1px solid #495057;
/* INPUT */
--swal2-input-background: #2b3035;
--swal2-input-border: 1px solid #495057;
--swal2-input-focus-border: 1px solid #86b7fe;
--swal2-input-focus-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
/* VALIDATION MESSAGE */
--swal2-validation-message-background: #2c0b0e;
--swal2-validation-message-color: #ea868f;
/* FOOTER */
--swal2-footer-border-color: #495057;
--swal2-footer-background: #343a40;
--swal2-footer-color: #adb5bd;
/* CLOSE BUTTON */
--swal2-close-button-color: #fff;
/* TOASTS */
--swal2-toast-border: 1px solid #495057;
}
}
[data-swal2-theme='bootstrap-5-dark'] {
/* POPUP */
--swal2-background: #212529;
--swal2-color: #fff;
--swal2-border: 1px solid #495057;
/* INPUT */
--swal2-input-background: #2b3035;
--swal2-input-border: 1px solid #495057;
--swal2-input-focus-border: 1px solid #86b7fe;
--swal2-input-focus-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
/* VALIDATION MESSAGE */
--swal2-validation-message-background: #2c0b0e;
--swal2-validation-message-color: #ea868f;
/* FOOTER */
--swal2-footer-border-color: #495057;
--swal2-footer-background: #343a40;
--swal2-footer-color: #adb5bd;
/* CLOSE BUTTON */
--swal2-close-button-color: #fff;
/* TOASTS */
--swal2-toast-border: 1px solid #495057;
}
/* Bootstrap 5 Modal Animations */
@keyframes bootstrap-5-fade-in {
0% {
transform: translate3d(0, -50px, 0) scale(0.9);
opacity: 0;
}
100% {
transform: translate3d(0, 0, 0) scale(1);
opacity: 1;
}
}
@keyframes bootstrap-5-fade-out {
0% {
transform: translate3d(0, 0, 0) scale(1);
opacity: 1;
}
100% {
transform: translate3d(0, -50px, 0) scale(0.9);
opacity: 0;
}
}

View File

@@ -0,0 +1,46 @@
[data-swal2-theme='borderless'] {
/* BACKDROP */
--swal2-backdrop: rgba(54, 70, 93, 0.99);
/* POPUP */
--swal2-background: transparent;
--swal2-color: white;
/* ANIMATIONS */
--swal2-show-animation: opacity-show 0.3s;
--swal2-hide-animation: opacity-hide 0.1s;
/* PROGRESS STEPS */
--swal2-progress-step-background: color-mix(in srgb, var(--swal2-backdrop), white 30%);
/* VALIDATION MESSAGE */
--swal2-validation-message-background: transparent;
--swal2-validation-message-color: white;
/* FOOTER */
--swal2-footer-border-color: rgba(255, 255, 255, 0.2);
/* CLOSE BUTTON */
--swal2-close-button-position: fixed;
--swal2-close-button-inset: 0;
--swal2-close-button-font-size: 3em;
--swal2-close-button-color: white;
}
/* Appearance animation */
@keyframes opacity-show {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/* Disppearance animation */
@keyframes opacity-hide {
100% {
opacity: 0;
}
}

View File

@@ -0,0 +1,94 @@
[data-swal2-theme='bulma'],
[data-swal2-theme='bulma-light'],
[data-swal2-theme='bulma-dark'] {
/* BACKDROP */
--swal2-backdrop: hsla(221deg, 14%, 4%, 0.86);
/* POPUP */
--swal2-border-radius: 0.75rem;
--swal2-padding: 1.25rem 0 0;
/* INPUT */
--swal2-input-border: none;
--swal2-input-box-shadow: 0 0 0 1px #d7d9e1 inset, 0 0 0 3px transparent;
/* INPUT:HOVER */
--swal2-input-hover-box-shadow: 0 0 0 1px #b9beca inset, 0 0 0 3px transparent;
/* INPUT:FOCUS */
--swal2-input-focus-border: none;
--swal2-input-focus-box-shadow: 0 0 0 1px #4259ff inset, 0 0 0 3px hsla(233deg, 100%, 58%, 0.25);
/* CLOSE BUTTON */
--swal2-close-button-position: fixed;
--swal2-close-button-inset: 1em;
--swal2-close-button-font-size: 1.6em;
--swal2-close-button-color: white;
/* ACTIONS */
--swal2-actions-justify-content: flex-start;
--swal2-actions-width: 100%;
--swal2-actions-padding: 2rem;
--swal2-actions-border-radius: 0 0 0.75rem 0.75rem;
--swal2-actions-background: #f9fafa;
/* COMMON VARIABLES FOR ALL ACTION BUTTONS */
--swal2-action-button-hover: black 5%;
--swal2-action-button-active: black 10%;
--swal2-action-button-focus-box-shadow: 0 0 0 1px #4259ff inset, 0 0 0 3px hsla(233deg, 100%, 58%, 0.25);
/* CONFIRM BUTTON */
--swal2-confirm-button-background-color: #47c78e;
--swal2-confirm-button-color: #190005;
/* DENY BUTTON */
--swal2-deny-button-background-color: #ff6684;
--swal2-deny-button-color: #190005;
/* CANCEL BUTTON */
--swal2-cancel-button-background-color: #fff;
--swal2-cancel-button-color: #190005;
--swal2-cancel-button-box-shadow: 0 0 0 1px #d7d9e1 inset;
}
@media (prefers-color-scheme: dark) {
[data-swal2-theme='bulma'] {
/* POPUP */
--swal2-background: #14161a;
--swal2-color: #ebecef;
/* INPUT */
--swal2-input-box-shadow: 0 0 0 1px #353a46 inset, 0 0 0 3px transparent;
/* INPUT:HOVER */
--swal2-input-hover-box-shadow: 0 0 0 1px #4b5262 inset, 0 0 0 3px transparent;
/* ACTIONS */
--swal2-actions-background: #191b20;
/* CANCEL BUTTON */
--swal2-cancel-button-background-color: #14161a;
--swal2-cancel-button-color: #ebecef;
--swal2-cancel-button-box-shadow: 0 0 0 1px #353a46 inset;
}
}
[data-swal2-theme='bulma-dark'] {
/* POPUP */
--swal2-background: #14161a;
--swal2-color: #ebecef;
/* INPUT */
--swal2-input-box-shadow: 0 0 0 1px #353a46 inset, 0 0 0 3px transparent;
/* INPUT:HOVER */
--swal2-input-hover-box-shadow: 0 0 0 1px #4b5262 inset, 0 0 0 3px transparent;
/* ACTIONS */
--swal2-actions-background: #191b20;
/* CANCEL BUTTON */
--swal2-cancel-button-background-color: #14161a;
--swal2-cancel-button-color: #ebecef;
--swal2-cancel-button-box-shadow: 0 0 0 1px #353a46 inset;
}

View File

@@ -0,0 +1,29 @@
[data-swal2-theme='embed-iframe'] {
/* POPUP */
--swal2-padding: 0;
--swal2-backdrop: rgba(54, 70, 93, 0.99);
--swal2-border-radius: 0;
/* CLOSE BUTTON */
--swal2-close-button-position: fixed;
--swal2-close-button-inset: 0;
--swal2-close-button-font-size: 3em;
--swal2-close-button-color: white;
--swal2-close-button-transition: transform 0.3s ease-out;
--swal2-close-button-focus-box-shadow: none;
/* CLOSE BUTTON:HOVER */
--swal2-close-button-hover-transform: rotate(90deg);
/* TITLE */
--swal2-title-padding: 0.5em 1em;
/* HTML CONTAINER */
--swal2-html-container-padding: 0;
iframe {
aspect-ratio: 16 / 9;
width: 100%;
float: left;
}
}

View File

@@ -0,0 +1,183 @@
[data-swal2-theme='material-ui'],
[data-swal2-theme='material-ui-light'],
[data-swal2-theme='material-ui-dark'] {
/* BACKDROP */
--swal2-backdrop: rgba(0, 0, 0, 0.5);
--swal2-backdrop-transition: opacity 0.225s cubic-bezier(0.4, 0, 0.2, 1);
/* POPUP */
--swal2-width: 35rem;
--swal2-padding: 1.5rem;
--swal2-border: none;
--swal2-border-radius: 0.5rem;
--swal2-background: #fff;
--swal2-color: rgba(0, 0, 0, 0.87);
/* ANIMATIONS */
--swal2-show-animation: material-ui-fade-in 0.225s cubic-bezier(0.4, 0, 0.2, 1);
--swal2-hide-animation: material-ui-fade-out 0.195s cubic-bezier(0.4, 0, 1, 1) forwards;
/* TITLE */
--swal2-title-padding: 0 0 1rem;
/* HTML CONTAINER */
--swal2-html-container-padding: 0 0 1.5rem;
/* INPUT */
--swal2-input-border: none;
--swal2-input-border-radius: 0.25rem;
--swal2-input-box-shadow: none;
--swal2-input-background: rgba(0, 0, 0, 0.04);
--swal2-input-transition:
background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1);
/* INPUT:HOVER */
--swal2-input-hover-box-shadow: none;
/* INPUT:FOCUS */
--swal2-input-focus-border: none;
--swal2-input-focus-box-shadow: inset 0 -2px 0 #1976d2;
/* PROGRESS STEPS */
--swal2-progress-step-background: #1976d2;
/* VALIDATION MESSAGE */
--swal2-validation-message-background: #ffebee;
--swal2-validation-message-color: #c62828;
/* FOOTER */
--swal2-footer-border-color: rgba(0, 0, 0, 0.12);
--swal2-footer-background: transparent;
--swal2-footer-color: rgba(0, 0, 0, 0.6);
/* CLOSE BUTTON */
--swal2-close-button-color: rgba(0, 0, 0, 0.54);
--swal2-close-button-transition:
color 0.15s cubic-bezier(0.4, 0, 0.2, 1), transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
/* ACTIONS */
--swal2-actions-justify-content: flex-end;
--swal2-actions-margin: 0.5rem -0.5rem 0;
--swal2-actions-padding: 0;
/* COMMON VARIABLES FOR ALL ACTION BUTTONS */
--swal2-action-button-transition:
background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1),
border-color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
--swal2-action-button-hover: rgba(0, 0, 0, 0.04);
--swal2-action-button-active: rgba(0, 0, 0, 0.12);
--swal2-action-button-focus-box-shadow: none;
/* CONFIRM BUTTON */
--swal2-confirm-button-border-radius: 0.25rem;
--swal2-confirm-button-background-color: #1976d2;
--swal2-confirm-button-color: #fff;
--swal2-confirm-button-box-shadow:
0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
/* DENY BUTTON */
--swal2-deny-button-border-radius: 0.25rem;
--swal2-deny-button-background-color: #d32f2f;
--swal2-deny-button-color: #fff;
--swal2-deny-button-box-shadow:
0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
/* CANCEL BUTTON */
--swal2-cancel-button-border-radius: 0.25rem;
--swal2-cancel-button-background-color: transparent;
--swal2-cancel-button-color: #1976d2;
--swal2-cancel-button-box-shadow: none;
/* TOASTS */
--swal2-toast-border: none;
--swal2-toast-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
@media (prefers-color-scheme: dark) {
[data-swal2-theme='material-ui'] {
/* POPUP */
--swal2-background: #424242;
--swal2-color: rgba(255, 255, 255, 0.87);
/* INPUT */
--swal2-input-background: rgba(255, 255, 255, 0.09);
--swal2-input-focus-box-shadow: inset 0 -2px 0 #90caf9;
/* VALIDATION MESSAGE */
--swal2-validation-message-background: #ffcdd2;
--swal2-validation-message-color: #d32f2f;
/* FOOTER */
--swal2-footer-border-color: rgba(255, 255, 255, 0.12);
--swal2-footer-color: rgba(255, 255, 255, 0.6);
/* CLOSE BUTTON */
--swal2-close-button-color: rgba(255, 255, 255, 0.7);
/* COMMON VARIABLES FOR ALL ACTION BUTTONS */
--swal2-action-button-hover: rgba(255, 255, 255, 0.08);
--swal2-action-button-active: rgba(255, 255, 255, 0.16);
/* CONFIRM BUTTON */
--swal2-confirm-button-background-color: #1e88e5;
/* CANCEL BUTTON */
--swal2-cancel-button-color: #90caf9;
}
}
[data-swal2-theme='material-ui-dark'] {
/* POPUP */
--swal2-background: #424242;
--swal2-color: rgba(255, 255, 255, 0.87);
/* INPUT */
--swal2-input-background: rgba(255, 255, 255, 0.09);
--swal2-input-focus-box-shadow: inset 0 -2px 0 #90caf9;
/* VALIDATION MESSAGE */
--swal2-validation-message-background: #ffcdd2;
--swal2-validation-message-color: #d32f2f;
/* FOOTER */
--swal2-footer-border-color: rgba(255, 255, 255, 0.12);
--swal2-footer-color: rgba(255, 255, 255, 0.6);
/* CLOSE BUTTON */
--swal2-close-button-color: rgba(255, 255, 255, 0.7);
/* COMMON VARIABLES FOR ALL ACTION BUTTONS */
--swal2-action-button-hover: rgba(255, 255, 255, 0.08);
--swal2-action-button-active: rgba(255, 255, 255, 0.16);
/* CONFIRM BUTTON */
--swal2-confirm-button-background-color: #1e88e5;
/* CANCEL BUTTON */
--swal2-cancel-button-color: #90caf9;
}
/* MaterialUI Modal Animations */
@keyframes material-ui-fade-in {
0% {
transform: scale(0.8) translateY(-16px);
opacity: 0;
}
100% {
transform: scale(1) translateY(0);
opacity: 1;
}
}
@keyframes material-ui-fade-out {
0% {
transform: scale(1) translateY(0);
opacity: 1;
}
100% {
transform: scale(0.8) translateY(-16px);
opacity: 0;
}
}

View File

@@ -0,0 +1,40 @@
[data-swal2-theme='minimal'] {
/* BACKDROP */
--swal2-backdrop-transition: none;
/* POPUP */
--swal2-border-radius: 0;
/* ANIMATIONS */
--swal2-show-animation: none;
--swal2-hide-animation: none;
/* ICONS */
--swal2-icon-animations: false;
/* INPUT */
--swal2-input-border-radius: 0;
--swal2-input-box-shadow: none;
--swal2-input-transition: none;
/* CLOSE BUTTON */
--swal2-close-button-transition: none;
/* COMMON VARIABLES FOR ALL ACTION BUTTONS */
--swal2-action-button-transition: none;
/* CONFIRM BUTTON */
--swal2-confirm-button-border-radius: 0;
/* DENY BUTTON */
--swal2-deny-button-border-radius: 0;
/* CANCEL BUTTON */
--swal2-cancel-button-border-radius: 0;
/* TOASTS */
--swal2-toast-show-animation: none;
--swal2-toast-hide-animation: none;
--swal2-toast-border: 1px solid rgba(0, 0, 0, 0.3);
--swal2-toast-box-shadow: none;
}