Tema

Tela dedicada a escolher a paleta de cor e o modo claro/escuro. Para a semântica de temas em si (o que cada preset muda, como o ícone do app acompanha o tema), ver Temas; este documento é só a tela de configuração.

Estrutura da tela

  1. Modo de cor — dois cartões grandes, claro e escuro, selecionados com um toque.
  2. Pré-visualização — um cartão que renderiza uma amostra de tela de biblioteca (cabeçalho, dois itens de lista, um botão de destaque) já com a paleta e o modo atualmente selecionados, antes de sair da tela.
  3. Grade de cores — os 8 presets de tema em uma grade de 4 colunas, cada um mostrado como um círculo da cor de destaque daquele preset; o preset ativo é marcado com um ícone de confirmação.

Trocar o modo de cor ou o preset atualiza a pré-visualização imediatamente, sem precisar confirmar ou sair da tela.