Arreglado CSS (Alguien™ estaba usando modo oscuro)

buscadorSala.php

@@ -82,8 +82,8 @@
         <div class="modal-content modal-kahoot text-center p-3">
             <div class="modal-body">
                 <div class="mb-3 fs-1">⚠️</div>
-                <h4 class="modal-title mb-2 fw-bold text-white" id="modalAbandonarSalaLabel">¿Abandonar la sala?</h4>
-                <p class="text-white-50">Si sales de la sala, perderás tu lugar en el equipo.</p>
+                <h4 class="modal-title mb-2 fw-bold" id="modalAbandonarSalaLabel">¿Abandonar la sala?</h4>
+                <p class="text-dark-50">Si sales de la sala, perderás tu lugar en el equipo.</p>
             </div>
             <div class="modal-footer justify-content-center border-0 gap-2">
                 <button type="button" class="btn btn-secondary px-4 py-2" data-bs-dismiss="modal">

css/buscadorSala.css

@@ -68,8 +68,8 @@
 
 .btn-unirse {
     border: none;
-    border-bottom: 3px solid #0c4891;
-    background-color: var(--kahoot-blue);
+    border-bottom: 3px solid #1f6f09;
+    background-color: #26890c;
     color: white;
     font-weight: 600;
     border-radius: 8px;

js/buscadorSala.js

@@ -126,7 +126,7 @@ function mostrarSala(partida, equipos, jugadores) {
         const esHost = jugador.idUsuario == partida.idUsuario;
 
         jugadoresHTML += `
-    <div class="jugador d-flex align-items-center justify-content-between ${
+    <div class="jugador border border-2 d-flex align-items-center justify-content-between ${
       esHost ? "jugador-host" : ""
     }">
       <div>
@@ -150,7 +150,7 @@ function mostrarSala(partida, equipos, jugadores) {
     let botonUnirseHTML = "";
     if (!usuarioYaEstaEnEquipo) {
       botonUnirseHTML = `
-        <button type="button" class="btn btn-unirse w-100 btn-unirse-equipo mt-2"
+        <button type="button" class="btn-unirse w-100 btn-unirse-equipo mt-2"
                 data-id-partida="${partida.idPartida}"
                 data-id-equipo="${equipo.idEquipo}">
           Unirse
@@ -204,7 +204,7 @@ function mostrarSala(partida, equipos, jugadores) {
   const salaHTML = `
     <div class="col-12 col-md-10 col-lg-8">
       <div class="sala card p-3 shadow-sm mb-4">
-        <div class="sala-header h4 text-center mb-3">
+        <div class="sala-header h4 text-center mb-3 text-white">
           ${escapeHTML(partida.nombrePartida)}
         </div>
         <div class="sala-body">