Feat/dark mode#4
Conversation
| <ToggleButton | ||
| :active="showDarkMode" | ||
| :bg="true" | ||
| @on-click-toggle-button="setToggleDarkMode" |
There was a problem hiding this comment.
Vc pode chamar o toggleDarkMode direto aqui.
| @on-click-toggle-button="setToggleDarkMode" | |
| @on-click-toggle-button="toggleDarkMode" |
| updateSelectedFont(value) | ||
| }, | ||
| showDarkMode(value){ | ||
| value ? document.body.classList.add("dark-mode") : document.body.classList.remove("dark-mode"); |
There was a problem hiding this comment.
Acho que invés de colocar essa classe no body vc pode colocar no <div id="app"> mesmo já que todos os outros components da aplicação tão dentro dele, dai to pode fazer o app ser do tamanho da tela com css saca.
| setToggleDarkMode(){ | ||
| this.toggleDarkMode() | ||
| } |
There was a problem hiding this comment.
Tu pode usar o toggleDarkMode direto no template e remover esse metodo.
| setToggleDarkMode(){ | |
| this.toggleDarkMode() | |
| } |
|
Tava pensando que a gente poderia guarda a opção do usuário no localStorage quando ele clica no botão do dark mode, assim se o usuário der refresh na página ele mantem a ultima opção selecionada, o que tu acha? Achei esse artigo que vai um pouco além e checa se o usuário tá usando dark-mode no sistema operacional dele pra ativar o modo. Mas a gente pode criar um outro card pra isso 😁 |
|
Closed: Dark mode already implemented via PR #38 with localStorage persistence and system preference detection. This PR is superseded and can be closed. |
3 participants
No description provided.