/focus-timer-dark-mode

Produzido uma pagina de pomodoro com funções, amimadas, de troca de tema, players de som e opção de ajustes de volumes para ajudar na concentração.

Primary LanguageHTML

FocusTimer - Dark Mode

💻 Sobre o desafio

Dentro desse desafio teremos dois desafios pra você. Preparado? 👀
Você irá:

  • Criar a versão Dark Mode;
  • Trabalhar com o volume dos sons de cada card.

Nesse link você irá encontrar o layout do FocusTimer já com essas modificações inclusas:

Focus Timer Dark Mode

  1. Funcionalidade do botão no canto superior direito: É ali que você vai alternar entre o Dark Mode e o Light Mode. Importante ressaltar: o ícone se altera de acordo com o Mode que ele se encontra, viu? 😉

  2. As funcionalidades dos botões, continuam as mesmas:

    • Play : aciona o timer;
    • Stop : para o timer;
      • : aumenta em mais 5 minutos o tempo do timer;
      • : diminui em 5 minutos o tempo do timer.

  3. Funcionalidade de um card: Como no desafio anterior, quando um card é selecionado ele muda de cor e começa a tocar o som específico, certo? Nessa versão, além disso, o volume deverá ser controlado pelo slider que está embaixo de cada ícone.