pythonfluente2e icon indicating copy to clipboard operation
pythonfluente2e copied to clipboard

Oferecer a possibilidade de ler o conteúdo em modo escuro

Open victorgardini opened this issue 2 years ago • 1 comments

Olá, gostaria de discutir sobre a possibilidade de utilizar o asciidoctor para gerar uma versão do livro no modo escuro, onde o fundo seria com uma cor mais suave para leituras prolongadas.

Acredito que gerar um arquivo HTML separado seja mais fácil, mas também pode-se verificar a possibilidade de adicionar um botão no HTML que permite alterar entre o modo escuro e claro.

victorgardini avatar Mar 15 '23 02:03 victorgardini

Olá pessoal,

Antes de mais nada, gostaria de deixar meu gigantesco agradecimento ao Luciano Ramalho por esta obra incrível e, principalmente, por disponibilizá-la gratuitamente. É um recurso de valor inestimável para a comunidade.

Acompanhando a discussão aqui na issue #3 e sendo um grande fã de interfaces escuras para leituras mais longas, resolvi criar uma solução paliativa enquanto uma implementação nativa não chega.

Elaborei um tema customizável para a extensão Stylus que aplica um dark mode completo ao site do livro.

O tema é bem completo e inclui:

  • Uma paleta de cores escuras para o fundo, textos e elementos de UI.
  • Um tema de syntax highlighting para os blocos de código, inspirado em editores populares.
  • A inversão de cores para os diagramas e gráficos, fazendo com que se integrem perfeitamente ao tema.
  • O mais legal: ele é totalmente configurável através da interface do próprio Stylus. Você pode alterar qualquer cor do tema e ligar/desligar a inversão das imagens com um clique.

É importante ressaltar que isso é uma "gambiarra" do lado do cliente e de forma alguma uma crítica ao design atual do projeto. É apenas uma forma de ajudar outros leitores que, como eu, se sentem mais confortáveis com temas escuros.

Onde encontrar o estilo:

Stylus: 🐍 Python Fluente Dark Mode by tpougy

Como usar: Para instalar, basta ter a extensão Stylus (para Chrome, Firefox, etc.) e clicar em "Install Style" no link acima.

Espero que seja útil para a comunidade!

Abraços.

tpougy avatar Sep 25 '25 23:09 tpougy