elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Rompecabezas de Bitcoin, Medio millón USD en premios


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  dark mode
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: dark mode  (Leído 4,410 veces)
huerto123


Desconectado Desconectado

Mensajes: 435


Ver Perfil
dark mode
« en: 29 Noviembre 2021, 14:21 pm »

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?



En línea

#!drvy
Moderador
***
Desconectado Desconectado

Mensajes: 5.855



Ver Perfil WWW
Re: dark mode
« Respuesta #1 en: 29 Noviembre 2021, 15:20 pm »

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


En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Mode PIO 3 / ATA 66
Software
Armando 1 2,646 Último mensaje 30 Diciembre 2002, 00:53 am
por el-brujo
B mode Only. « 1 2 »
Materiales y equipos
APOKLIPTICO 18 7,950 Último mensaje 11 Noviembre 2008, 02:12 am
por APOKLIPTICO
XP MODE
Windows
Gea99 0 1,956 Último mensaje 12 Marzo 2012, 12:41 pm
por Gea99
mode avion.......
Dispositivos Móviles (PDA's, Smartphones, Tablets)
H20-X 1 5,948 Último mensaje 27 Octubre 2017, 16:20 pm
por engel lex
Apple presenta macOS Mojave con Dark Mode #WWDC18
Noticias
wolfbcn 0 3,553 Último mensaje 4 Junio 2018, 21:25 pm
por wolfbcn
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines