moon

Modo Escuro e Temas

account 2 min #dark mode #theme #display

O SubLearn oferece múltiplas opções de tema para otimizar sua experiência de aprendizado com base no seu ambiente e preferências pessoais. Seja estudando durante o dia ou tarde da noite, você pode escolher o tema que funciona melhor para você.

Modo Escuro e Temas

O SubLearn oferece múltiplas opções de tema para otimizar sua experiência de aprendizado com base no seu ambiente e preferências pessoais. Seja estudando durante o dia ou tarde da noite, você pode escolher o tema que funciona melhor para você.

Modos de Tema Disponíveis

O SubLearn oferece três modos de tema distintos para diferentes situações:

  • Modo Claro — Uma interface brilhante e limpa com fundos claros e texto escuro. Ideal para aprendizado diurno e ambientes bem iluminados.
  • Modo Escuro — Nosso tema escuro exclusivo com fundo azul-escuro profundo e detalhes violeta. Perfeito para sessões de estudo à noite.
  • Automático do Sistema — Acompanha automaticamente a preferência de tema do seu dispositivo, alternando entre claro e escuro com base na hora do dia ou nas configurações do seu sistema operacional.

Alternando Seu Tema

Mudar de tema é simples. Procure o ícone de sol e lua na barra de navegação superior. Clique nesse ícone para alternar entre as opções de tema disponíveis:

  1. Modo Claro exibe um ícone de sol
  2. Modo Escuro exibe um ícone de lua
  3. Automático do Sistema exibe um ícone de configurações/automático

Sua seleção é atualizada instantaneamente em toda a plataforma, e sua preferência é salva na sua conta automaticamente.

Esquema de Cores do Modo Escuro

O modo escuro do SubLearn usa uma paleta de cores violeta-azulada cuidadosamente projetada, otimizada para conforto visual e acessibilidade:

  • Fundo — Azul-escuro profundo (#0b1222) proporciona uma base profissional e calmante que reduz o cansaço visual
  • Cards e Painéis — Azul ligeiramente mais claro (#111b2e) cria hierarquia visual e separação de componentes
  • Bordas e Divisórias — Turquesa sutil (#1e3348) define limites de conteúdo sem contraste agressivo
  • Destaque Principal — Violeta brilhante (#a78bfa) destaca elementos interativos, botões e informações importantes
  • Destaque Secundário — Violeta claro (#c4b5fd) usado para estados de hover e elementos complementares
  • Destaques em Gradiente — Gradientes azul-violeta (#7c3aed a #a78bfa) adicionam profundidade visual a CTAs importantes e conquistas

Por que o Modo Escuro?

O modo escuro oferece vários benefícios para quem está aprendendo idiomas:

  • Menos Cansaço Visual — O fundo escuro emite menos luz azul, tornando sessões de estudo prolongadas mais confortáveis
  • Melhor Foco — Menos brilho visual ajuda a se concentrar em vocabulário, legendas e exercícios
  • Economia de Bateria — Em dispositivos com telas OLED, o modo escuro usa menos energia
  • Melhor para Estudo Noturno — Se você prefere estudar à noite, o modo escuro é mais gentil com seus olhos
  • Aparência Profissional — A cor de destaque violeta cria um ambiente de aprendizado moderno e sofisticado

Detecção de Preferência do Sistema

Se você selecionar "Automático do Sistema", o SubLearn detecta automaticamente a preferência de tema do seu dispositivo. Isso funciona em:

  • Windows 11+ — Respeita a configuração de tema Claro/Escuro do sistema
  • macOS — Segue suas preferências de Aparência (Claro, Escuro, Automático)
  • iOS/iPadOS — Acompanha o modo Claro/Escuro do seu dispositivo
  • Android — Sincroniza com a configuração de tema do sistema

Persistência do Tema

Sua escolha de tema é salva nas configurações da sua conta e persiste em todos os seus dispositivos quando você está logado. Se você sair e entrar novamente, seu tema preferido ainda estará ativo. Isso significa que você pode alternar entre modo claro e escuro uma vez, e a escolha será lembrada na sua próxima visita.

Você pode mudar sua preferência de tema a qualquer momento — não há limite para quantas vezes você pode alternar entre os modos. Encontre o que funciona melhor para seu estilo de aprendizado e ambiente.

Esse guia foi útil?

Compartilhar guia