Skip to content

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

Open

Description

@victorgardini

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.

Activity

  1. added
    melhoriamelhoria na tipografia, layout, usabilidade do HTML do livro
    on Apr 12, 2023
  2. tpougy commented on Sep 25, 2025

    @tpougy

    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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    melhoriamelhoria na tipografia, layout, usabilidade do HTML do livro

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions