/* Plik do edycji stylow bootstrap. */ /*This is modifying the btn-primary colors but you could create your own .btn-something class as well*/ .btn-outline-primary { color: #b6ff00 !important; background-color: #0495c9; border-color: #357ebd; /*set the color you want here*/ } .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active, .open > .dropdown-toggle.btn-outline-primary, .btn-outline-primary:active:focus { color: #b6ff00 !important; background-color: #00b3db; border-color: #285e8e; /*set the color you want here*/ } /* Zeby btn-link wygladal jak link, czyli zeby byl button bez marginow itp.*/ .btn-link-plain { padding: 0; margin: 0; border: 0; vertical-align: baseline; } /* SweetAlert2 — dopasowanie do motywu aplikacji (Bootstrap, w tym tryb ciemny). Popup jest renderowany w pod , wiec zmienne --bs-* kaskaduja i modale automatycznie podazaja za trybem jasnym/ciemnym. Ladowane po sweetalert2.min.css, wiec nadpisuja domyslne style. */ .swal2-popup { background-color: var(--bs-body-bg); color: var(--bs-body-color); border: 1px solid var(--bs-border-color); border-radius: var(--bs-border-radius-lg, 0.5rem); } .swal2-title, .swal2-html-container, .swal2-radio label { color: var(--bs-body-color); } .swal2-input, .swal2-textarea, .swal2-select { background-color: var(--bs-body-bg); color: var(--bs-body-color); border: 1px solid var(--bs-border-color); border-radius: var(--bs-border-radius, 0.375rem); } .swal2-input::placeholder, .swal2-textarea::placeholder { color: var(--bs-secondary-color); } .swal2-input:focus, .swal2-textarea:focus, .swal2-select:focus { border-color: var(--bs-primary); box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25); } .swal2-radio { background-color: transparent; } .swal2-validation-message { background-color: var(--bs-secondary-bg); color: var(--bs-danger); } .swal2-validation-message::before { background-color: var(--bs-danger); }