Modo escuro de 1 linha
Adoro o modo escuro pois é muito agradável para minhas vistas míopes e astigmatas. É complicado pra mim manter uma leitura, principalmente a noite, no modo claro. É algo que chega a doer meus olhos. Pensando nisso, eu achei uma ótima ideia colocar no meu portfólio e foi bem gostosinho de fazer.
Achei esse tutorial e antes de ler fiquei pensando que o titulo era apenas clickbait mas não que é era tão simples mesmo?! É coisa de uma linha tirando a personalização que vc precisa fazer no CSS, que no meu caso, foi bem simples.
É adicionado uma meta tag dentro da tag <head>/head>. Dentro do atributo content é passado as palavras-chave que servirão de aviso para o navegador informando que o site aceita/possui os dois modos. Ele vai funcionar de acordo com o modo tema que o visitante estive usando. Se estou pelo navegador e usando modo escuro, o site também terá esse mesmo modo. (ou no sistema operacional mas depende se você mexeu na configuração de tema do navegador).
No site tem vídeo e tem tutorial escrito e dá para fazer tranquilamente.