fix(ui): forzar estilos oscuros en opciones de select en panel de admin

This commit is contained in:
urieljareth
2026-08-13 18:06:07 -06:00
parent ec31f94a21
commit 8513b3be3f
2 changed files with 12 additions and 3 deletions
+5 -3
View File
@@ -380,11 +380,13 @@ const VOTOS_EMBEBIDOS = ${JSON.stringify(rawVotes, null, 2)};`;
<select <select
value={selectedVoter} value={selectedVoter}
onChange={(e) => setSelectedVoter(e.target.value)} onChange={(e) => setSelectedVoter(e.target.value)}
className="w-full px-3 py-2.5 bg-white/[0.04] border border-white/10 rounded-xl text-white text-xs focus:border-[#00B7D4] focus:outline-none uppercase font-mono" className="w-full px-3 py-2.5 bg-[#0f1318] border border-white/10 rounded-xl text-white text-xs focus:border-[#00B7D4] focus:outline-none uppercase font-mono cursor-pointer"
> >
<option value="">Selecciona votante a remover...</option> <option value="" className="bg-[#0f1318] text-gray-400 py-1">
Selecciona votante a remover...
</option>
{registeredVoters.map((v) => ( {registeredVoters.map((v) => (
<option key={v} value={v}> <option key={v} value={v} className="bg-[#0f1318] text-white py-1 font-semibold">
{v} → {rawVotes[v]} {v} → {rawVotes[v]}
</option> </option>
))} ))}
+7
View File
@@ -120,3 +120,10 @@
::-webkit-scrollbar-thumb:hover { ::-webkit-scrollbar-thumb:hover {
background: var(--accent); background: var(--accent);
} }
/* Dark theme enforcement for native dropdown selects */
select, option, optgroup {
background-color: #0f1318 !important;
color: #ffffff !important;
color-scheme: dark;
}