/* ========================================================= Fundación Cristiana — ajustes específicos del modo oscuro Se activa con data-theme="dark" en ========================================================= */ [data-theme="dark"] { --color-fondo: #1a1d21; --color-card: #2a2d31; --color-texto: #e4e6eb; --color-texto-suave: #b0b3b8; --color-borde: #3a3d42; --color-navbar: #24272b; --color-sidebar: #121417; --color-sidebar-texto: #c5c8ce; --color-sombra: 0 1px 3px rgba(0, 0, 0, 0.35); } [data-theme="dark"] .dropdown-menu { background-color: var(--color-card); border-color: var(--color-borde); } [data-theme="dark"] .dropdown-item { color: var(--color-texto); } [data-theme="dark"] .dropdown-item:hover, [data-theme="dark"] .dropdown-item:focus { background-color: #34373c; color: #fff; } [data-theme="dark"] .dropdown-header, [data-theme="dark"] .dropdown-divider { color: var(--color-texto-suave); border-color: var(--color-borde); } [data-theme="dark"] .table { color: var(--color-texto); } [data-theme="dark"] .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.04); } [data-theme="dark"] .table-hover tbody tr:hover { background-color: rgba(255, 255, 255, 0.07); color: var(--color-texto); } [data-theme="dark"] .table thead th { border-bottom-color: var(--color-borde); } [data-theme="dark"] .table td, [data-theme="dark"] .table th { border-top-color: var(--color-borde); } [data-theme="dark"] .page-link { background-color: var(--color-card); border-color: var(--color-borde); color: var(--color-texto); } [data-theme="dark"] .page-item.active .page-link { background-color: var(--color-primario); border-color: var(--color-primario); } [data-theme="dark"] .page-item.disabled .page-link { background-color: var(--color-card); border-color: var(--color-borde); color: var(--color-texto-suave); } [data-theme="dark"] .form-control { background-color: #1f2226; border-color: var(--color-borde); color: var(--color-texto); } [data-theme="dark"] .login-ayuda code { background: #1f2226; color: var(--color-primario-claro); } [data-theme="dark"] .btn-tema-login:hover { background: #34373c; } [data-theme="dark"] .badge-estado--pendiente { color: #ffd666; } [data-theme="dark"] .caja-info--eventos .caja-info-icono { color: #1a1d21; } [data-theme="dark"] .breadcrumb-item a { color: var(--color-primario-claro); }