html – quiero poner el footer (color oscuro) detras de la card blanca pero esta no deja, ¿qué podria hacer?

.container-card{
    margin-bottom: 50px;
    width: 100%;
    height: 100px;
    position: relative;
}
.card-smile{
    text-align: center;
    margin: 50px 10px;
    position: absolute;
    top: -10px;
    padding: 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.card-smile > h3{
    font-size: 1.09em;
}



.btn-big{
    border: none;
    border-radius: 2em;
    background-color: rgba(254,85,194,255);
    color: #FFF;
    font-size: .6em;
    margin-bottom: 1.5em;
    padding: 1.2em 4em;
}


/* footer */

footer{
    background: #00252e;
    width: 100%;
    heigth:300px;
    z-index: -10;
}
<div class="conteiner2-card">
  <div class="container-card">
    <div class="card-smile">
      <h3>Ready To Build Your Community?</h3>
      <button class="btn btn-big btn-dffcolor">
        Get Started For Free
      </button>  
  </div>
</div>
</div>
<footer>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda fugit a necessitatibus perspiciatis ullam ex praesentium, quas id eum. Optio nostrum labore cum esse quasi quae odio non molestias magni? </p>
</footer>

javascript – ¿Cómo guardar el modo oscuro?

este es el código funcional de JavaScript que tengo para que, mediante un botón, al hacer clic, el contneido cambie del “light mode” al “dark mode” y viceversa.

const theme_btn = document.querySelector('#btn-toggle');
//const body = document.querySelector("body");
//theme_btn.addEventListener('click', () => {
//body.classList.toggle('dark-mode')
//});

Sin embargo, he tratado de adaptarlo mediante localStorage para que al dar refresh en la página se guarde el modo oscuro, ¿Cómo puedo modificar este código? ¿Qué está mal?

function toggle() {
    theme_btn.addEventListener('click', () => {
        var dark = body.classList.toggle('dark-mode');
        localStorage.setItem("dark-mode", dark);
    });
}

document.addEventListener("DOMContentLoaded", function () {
    if (localStorage.getItem("dark-mode")) {
        toggle();
    }
});

Gracias por leer.

android – Se puede desactivar el modo oscuro?

se que no estoy aportando ningún código ni nada de referencia, pero ya que he buscado en internet y no he encontrado una respuesta he decidido preguntar por aquí. Básicamente estoy desarrollando un proyecto muy simple en Android Studio con Java, lo que pasa es que he hecho un layout con cardview y estas cardview tienen un fondo blanco.

Al compilarlo en un telefono que tiene activado el Modo Oscuro siempre se ve negro, igual que el fondo o incluso las letras que esten en blanco. He probado en poner el layout en light y muchas otras opciones, pero siempre se ve negro, obviamente en un telefono sin modo oscuro se ve bien. Hay alguna manera de quizas desactivar que siempre cualquier cosa en blanco la deje en blanco si tu lo dejas así ? No se si me explicado.