/* Modo oscuro - activado agregando la clase .modo-oscuro a */ html.modo-oscuro { color-scheme: dark; } html.modo-oscuro body { background-color: #0f1419; color: #e2e6ea; } html.modo-oscuro .app-sidebar { background: #161b22; border-color: #2a2f36; } html.modo-oscuro .app-sidebar .nav-link { color: #cfd3d8; } html.modo-oscuro .app-sidebar .nav-link:hover, html.modo-oscuro .app-sidebar .nav-link.active { background-color: #1f2733; color: #7db2ff; } html.modo-oscuro .card, html.modo-oscuro .bg-body, html.modo-oscuro .bg-white { background-color: #161b22 !important; color: #e2e6ea; } html.modo-oscuro .card-header { background-color: #1c222b !important; border-color: #2a2f36; } html.modo-oscuro .form-control, html.modo-oscuro .form-select, html.modo-oscuro textarea { background-color: #1c222b; border-color: #2a2f36; color: #e2e6ea; } html.modo-oscuro .form-control::placeholder { color: #6b7280; } html.modo-oscuro .nav-tabs { border-color: #2a2f36; } html.modo-oscuro .nav-tabs .nav-link { color: #cfd3d8; } html.modo-oscuro .nav-tabs .nav-link.active { background-color: #161b22; border-color: #2a2f36 #2a2f36 #161b22; color: #7db2ff; } html.modo-oscuro .table { color: #e2e6ea; } html.modo-oscuro .table-light { background-color: #1c222b; color: #e2e6ea; } html.modo-oscuro .text-muted { color: #8a929c !important; } html.modo-oscuro .login-card { background-color: #161b22; } html.modo-oscuro .border { border-color: #2a2f36 !important; }