Menú Principal

dark mode

Iniciado por huerto123, 29 Noviembre 2021, 14:21 PM

0 Miembros y 1 Visitante están viendo este tema.

huerto123

Hola

Sabéis de como hacer un sitio compatible con dark mode? TEngo una pagina web  y en el movil lo puse a dark mode y para que los links se quedan en amarillo y algunos iconos estran en amarillo y oros en blanco. luego me he fijado que mi logo es azul marine(muy oscuro) y no se ve bien en dark mode.

MIrando en otras webs he visto que los iconos los suelen poner en blanco? Hay alguna manera de hacer el css para qus ea automatico? Alguna recomendación para aplicar estilos?


#!drvy

Los estilos de tu página son los que tú has decidido que sean. Está la propiedad filter: invert en CSS para invertir los colores, pero es algo que te va a dar más dolores de cabeza que soluciones.

https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/invert()

Lo ideal es que tengas el logo en SVG y variables de colores en CSS para que estas modificaciones sean cosa de niños.

Saludos