diff --git a/wwwroot/css/qrrapido-theme.css b/wwwroot/css/qrrapido-theme.css index ee2c37b..7054ba7 100644 --- a/wwwroot/css/qrrapido-theme.css +++ b/wwwroot/css/qrrapido-theme.css @@ -106,15 +106,46 @@ body { .btn-primary { background: linear-gradient(135deg, var(--qr-primary) 0%, #0056B3 100%); border: none; + color: white !important; transition: all 0.3s ease; } .btn-primary:hover { background: linear-gradient(135deg, #0056B3 0%, var(--qr-primary) 100%); + color: white !important; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3); } +/* Botões de login específicos - cores sólidas */ +.card-body .btn-danger { + background-color: var(--qr-danger) !important; + background-image: none !important; + border-color: var(--qr-danger) !important; + color: white !important; +} + +.card-body .btn-danger:hover { + background-color: #C82333 !important; + background-image: none !important; + border-color: #C82333 !important; + color: white !important; +} + +.card-body .btn-primary { + background-color: var(--qr-primary) !important; + background-image: none !important; + border-color: var(--qr-primary) !important; + color: white !important; +} + +.card-body .btn-primary:hover { + background-color: #0056B3 !important; + background-image: none !important; + border-color: #0056B3 !important; + color: white !important; +} + /* Form Controls */ .form-control:focus, .form-select:focus { @@ -681,11 +712,42 @@ html[data-theme="dark"] { .btn-primary { background-color: #4dabf7 !important; border-color: #4dabf7 !important; + color: white !important; } .btn-primary:hover { background-color: #3182ce !important; border-color: #3182ce !important; + color: white !important; + } + + /* Botões de login específicos - tema escuro */ + .card-body .btn-danger { + background-color: #f56565 !important; + background-image: none !important; + border-color: #f56565 !important; + color: white !important; + } + + .card-body .btn-danger:hover { + background-color: #e53e3e !important; + background-image: none !important; + border-color: #e53e3e !important; + color: white !important; + } + + .card-body .btn-primary { + background-color: #4dabf7 !important; + background-image: none !important; + border-color: #4dabf7 !important; + color: white !important; + } + + .card-body .btn-primary:hover { + background-color: #3182ce !important; + background-image: none !important; + border-color: #3182ce !important; + color: white !important; } /* Body e elementos base */ @@ -1015,11 +1077,42 @@ html[data-theme="light"] { .btn-primary { background-color: #007bff !important; border-color: #007bff !important; + color: white !important; } .btn-primary:hover { background-color: #0056b3 !important; border-color: #0056b3 !important; + color: white !important; + } + + /* Botões de login específicos - tema claro */ + .card-body .btn-danger { + background-color: #dc3545 !important; + background-image: none !important; + border-color: #dc3545 !important; + color: white !important; + } + + .card-body .btn-danger:hover { + background-color: #c82333 !important; + background-image: none !important; + border-color: #c82333 !important; + color: white !important; + } + + .card-body .btn-primary { + background-color: #007bff !important; + background-image: none !important; + border-color: #007bff !important; + color: white !important; + } + + .card-body .btn-primary:hover { + background-color: #0056b3 !important; + background-image: none !important; + border-color: #0056b3 !important; + color: white !important; } /* Generation timer */