# Dark Mode com CSS: o jeito mais fácil

> Implemente dark mode com CSS de forma simples e eficiente. Técnica prática para adicionar modo escuro responsivo às preferências do usuário.

URL: https://dpw.dev/css/dark-mode-css-facil/  
Publicado em: 2020-07-27  
Categoria: css  
Tags: interface  
Autor: Tárcio Zemel

**Dark Mode** é um assunto (e implementação) que, com o tempo, vem ganhando cada vez mais atenção, destaque e estudos -- não por acaso, pois esse **modo escuro** tem sim sua importância em UX e UI.

[Vídeo no YouTube](https://www.youtube.com/watch?v=rnkdLX6mOD4)

Como em quase tudo o mundo de desenvolvimento web, existem muitas possibilidades e técnicas para a implementação de tal recurso em um site ou app. Neste artigo, veja **a maneira mais fácil de implementar Dark Mode com CSS**.

## O jeito mais fácil de fazer dark mode

<figure>

![Dark Mode: imagem mostrando Sol e Lua lado-a-lado.](/images/blog/dark-mode-css-facil/image.webp)

<figcaption>

Não se surpreenda caso inventem um logo oficial para Dark Mode.

</figcaption>

</figure>

---

Fonte: [dpw - desenvolvimento para web](https://dpw.dev/) (pt-BR).
Guia para agentes: https://dpw.dev/llms.txt
Índice completo: https://dpw.dev/sitemap-index.xml
Feed: https://dpw.dev/rss.xml