¿Tu pregunta trata sobre este componente de tema que añade un interruptor para cambiar al modo oscuro, o sobre la detección de una paleta de colores oscuros en general?
Hay dark-light-choose.
¿Tu pregunta trata sobre este componente de tema que añade un interruptor para cambiar al modo oscuro, o sobre la detección de una paleta de colores oscuros en general?
Hay dark-light-choose.
Gracias por tu ayuda.
Estoy usando este componente de alternancia de modo oscuro/claro.
Mi pregunta es sobre cómo detectar en qué modo estoy y cambiar la imagen de fondo para poder tener una imagen para el modo claro y otra para el modo oscuro.
Intenté seguir el enlace que publicaste y también este:
que entra en un poco más de detalle, pero no tuve éxito. Intenté añadir archivos de imagen (JPGs) $bg-light y $bg-dark a mi tema.
$bg: url(dark-light-choose($bg-light, $bg-dark));
:root {
--custom-bg: #{$bg};
}
También intenté crear un tema en github:
Como dije, lamento estar un poco perdido.
Si debo iniciar un nuevo tema, házmelo saber y en qué categoría ponerlo.
Gracias por tu ayuda.
Los moderadores pueden mover las publicaciones a un nuevo tema en Dev si es necesario. Solo quería asegurarme de que tu problema no esté directamente relacionado con el componente del tema, sino que también ocurra cuando activas el modo oscuro a través de la configuración del navegador o del dispositivo.
Creo que ya estás bastante cerca. Algo que noté es que usas url() dos veces:
Mi problema definitivamente no está relacionado con el componente del tema.
Gracias por la ayuda, disculpen el ruido ![]()
Guau… no se lo digan a nadie, esa es mi salsa secreta para mezclar dos fondos. El primero tiene prioridad sobre el siguiente. Así que, el primero es un degradado lineal con la mitad transparente y el otro es una imagen estática
![]()
Aquí está el efecto en acción
Entendí que usas 2 fondos.
background-image: linear-gradient(to top, white, 15%, transparent), url(var(--custom-bg));
Pero ¿no es url(var(--custom-bg)) en combinación con --custom-bg: #{$bg}; y $bg: url(dark-light-choose($bg-light, $bg-dark)); algo como url(url(dark-light-choose($bg-light, $bg-dark)))?
Ahora ofrecemos un selector de modo oscuro/claro en el núcleo y, por lo tanto, hemos desaprobado este componente temático. Consulte el anuncio para obtener más detalles: