https://brandur.org/fragments/dark-mode-notes
Implementação de modo escuro:
• 🌓 Três estados: claro, escuro e automático
• ⚡ Evitar oscilação na carga inicial
• 🖥️ Sincronizar entre abas abertas
• 🔄 Responder a mudanças no sistema operacional
• 🎨 Destaque de sintaxe adaptável com Shiki
A chave é usar armazenamento local e APIs de mídia do navegador para uma experiência fluida.
Dark mode implementation:
• 🌓 Three states: light, dark, and auto
• ⚡ Avoid flicker on initial load
• 🖥️ Sync across open tabs
• 🔄 Respond to OS-level changes
• 🎨 Adaptive syntax highlighting with Shiki
Key is using local storage and browser media APIs for a seamless experience.
>>Click here to continue<<