diff --git a/static/css/components.css b/static/css/components.css index 739d3cf..6fb45ac 100644 --- a/static/css/components.css +++ b/static/css/components.css @@ -14,6 +14,12 @@ --bg-hover: #f8f9fa; --tab-active-color: var(--primary-color); --tab-hover-color: rgba(220, 53, 69, 0.1); + + /* Variáveis para os botões */ + --bs-success: #198754; + --bs-success-dark: #157347; + --bs-secondary: #6c757d; + --bs-secondary-dark: #565e64; } /* Tabelas */ @@ -441,4 +447,117 @@ th[data-sort].sort-desc i { /* Animação para linhas da tabela */ #militantesTable tbody tr { transition: all 0.3s ease; +} + +/* Estilos globais para botões */ +.btn-success, +.modal-footer .btn-success, +button.btn-success, +input.btn-success, +.btn-success.active, +.btn-success:active, +.show > .btn-success.dropdown-toggle { + background-color: #198754 !important; + border-color: #198754 !important; + color: #fff !important; +} + +.btn-success:hover, +.modal-footer .btn-success:hover, +button.btn-success:hover, +input.btn-success:hover, +.btn-success:focus, +.btn-success:active, +.modal-footer .btn-success:focus, +.modal-footer .btn-success:active, +.btn-success:not(:disabled):not(.disabled):active, +.btn-success:not(:disabled):not(.disabled).active, +.show > .btn-success.dropdown-toggle:hover { + background-color: #146c43 !important; + border-color: #146c43 !important; + color: #fff !important; +} + +.btn-secondary, +.modal-footer .btn-secondary, +button.btn-secondary, +input.btn-secondary, +.btn-secondary.active, +.btn-secondary:active, +.show > .btn-secondary.dropdown-toggle { + background-color: #6c757d !important; + border-color: #6c757d !important; + color: #fff !important; +} + +.btn-secondary:hover, +.modal-footer .btn-secondary:hover, +button.btn-secondary:hover, +input.btn-secondary:hover, +.btn-secondary:focus, +.btn-secondary:active, +.modal-footer .btn-secondary:focus, +.modal-footer .btn-secondary:active, +.btn-secondary:not(:disabled):not(.disabled):active, +.btn-secondary:not(:disabled):not(.disabled).active, +.show > .btn-secondary.dropdown-toggle:hover { + background-color: #5c636a !important; + border-color: #5c636a !important; +} + +.btn-secondary:not(:disabled):not(.disabled).active { + background-color: #4b545c !important; + border-color: #4b545c !important; + color: white !important; + transform: translateY(-1px); + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; +} + +/* Estilos para botões nos modais */ +.modal .btn, +.modal-footer .btn { + font-weight: 500; + padding: 0.5rem 1.5rem; + border-radius: 4px; + transition: all 0.2s ease-in-out; +} + +.modal .btn:hover, +.modal-footer .btn:hover { + transform: translateY(-1px); + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); +} + +/* Garantir que o botão primário mantenha suas cores */ +.modal .btn-primary, +.modal-footer .btn-primary, +.modal .btn-primary.active, +.modal .btn-primary:active, +.modal-footer .btn-primary.active, +.modal-footer .btn-primary:active, +.modal .btn-primary:not(:disabled):not(.disabled):active, +.modal .btn-primary:not(:disabled):not(.disabled).active, +.modal-footer .btn-primary:not(:disabled):not(.disabled):active, +.modal-footer .btn-primary:not(:disabled):not(.disabled).active, +.show > .modal .btn-primary.dropdown-toggle, +.show > .modal-footer .btn-primary.dropdown-toggle { + background-color: #0d6efd !important; + border-color: #0d6efd !important; + color: white !important; +} + +.modal .btn-primary:hover, +.modal-footer .btn-primary:hover, +.modal .btn-primary:focus, +.modal-footer .btn-primary:focus, +.modal .btn-primary:active, +.modal-footer .btn-primary:active, +.modal .btn-primary:not(:disabled):not(.disabled):active:focus, +.modal .btn-primary:not(:disabled):not(.disabled).active:focus, +.modal-footer .btn-primary:not(:disabled):not(.disabled):active:focus, +.modal-footer .btn-primary:not(:disabled):not(.disabled).active:focus { + background-color: #0b5ed7 !important; + border-color: #0b5ed7 !important; + color: white !important; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; } \ No newline at end of file diff --git a/templates/base.html b/templates/base.html index b2a3cbd..eab4aea 100644 --- a/templates/base.html +++ b/templates/base.html @@ -25,6 +25,12 @@ --info-color: #0dcaf0; --background-gradient: linear-gradient(135deg, var(--primary-color) 40%, white 100%); --navbar-stripe: 4px solid var(--primary-color); + + /* Adicionando variáveis para os botões */ + --bs-success: #198754; + --bs-success-dark: #157347; + --bs-secondary: #6c757d; + --bs-secondary-dark: #565e64; } body {