Cómo introducir correctamente temas como temas oscuros y claros en Bootstrap 5. ¿Debería hacerse con css/scss o js o con ambos? ¿Deberíamos sobrescribir las clases con un archivo css como dark.css? ¿Deberíamos cambiar clases como bg-dark, bg-light, etc. con js? Intenté esta respuesta , pero creo que hay una forma de satisfacer todas las necesidades. La otra pregunta es si queremos más de dos temas además de oscuro/blanco, ¿qué debemos hacer entonces?
Implementar el modo oscuro para bootstrap es una tarea larga, ya que hay múltiples variables que deben cambiarse. El enfoque más simple será usar var() con .dark/.light en la raíz, pero aún hay funciones de bootstrap que necesitan un color para funcionar correctamente.