É possível mudar os tons das paginas de acordo com a do usuário. Um exemplo seria quem utiliza paginas com cores escuras, sendo possível definir estilos diferentes para tons escuros e claros.
É possível mudar os tons das paginas de acordo com a do usuário. Um exemplo seria quem utiliza paginas com cores escuras, sendo possível definir estilos diferentes para tons escuros e claros.
Olá Fabio, tudo bem?
Sim, é possível criar uma página que se adapte a preferências do usuário em relação ao tema claro ou escuro usando CSS. Você pode fazer isso utilizando a funcionalidade de tema preferido do navegador ou permitindo que os usuários escolham manualmente o tema.
Aqui está um exemplo simples usando o CSS para adaptar a página com base no tema preferido do navegador:
body { background-color: white; /* Cor de fundo para o tema claro / color: black; / Cor do texto para o tema claro */ }
@media (prefers-color-scheme: dark) { body { background-color: black; /* Cor de fundo para o tema escuro / color: white; / Cor do texto para o tema escuro */ } }
Neste exemplo, o CSS está usando a propriedade prefers-color-scheme para verificar se o usuário prefere um tema escuro (dark). Se sim, então as propriedades dentro desse bloco @media serão aplicadas.