github-markdown-css

github-markdown-css é um pequeno pacote CSS cujo propósito declarado é reproduzir o estilo visual que o GitHub aplica ao Markdown renderizado, usando a quantidade mínima de CSS necessária. A folha de estilo é gerada, não editada manualmente; o README direciona contribuições para o repositório separado generate-github-markdown-css. O uso é direto: importe github-markdown.css, adicione uma classe markdown-body ao contêiner que guarda seu Markdown renderizado e defina uma largura. O README observa que o GitHub usa largura de 980px com padding de 45px e 15px no mobile, e fornece um exemplo com box-sizing, min-width, max-width, margin auto e uma media query para viewports estreitas. Uma cor de fundo para modo escuro também é mostrada via prefers-color-scheme. O pacote inclui sete temas: um padrão que alterna automaticamente entre claro e escuro via prefers-color-scheme, somente claro, somente escuro, escuro dimmed, escuro de alto contraste, escuro para daltônicos (protanopia e deuteranopia) e variantes claras para daltônicos. Para HTML que corresponda a esses estilos, o README sugere a API /markdown do GitHub, que produz o HTML que o próprio GitHub gera. Ele observa que outros parsers de Markdown funcionarão na maioria dos casos com os estilos e recomenda starry-night para realce de código que imita o GitHub. As opções de instalação incluem baixar o arquivo manualmente, usar CDNJS ou npm install github-markdown-css. Uma página de demonstração está linkada. Uma nota de solução de problemas explica que problemas de estilo, como fontes pretas em tabelas no modo escuro, podem resultar do navegador entrar em modo quirks; incluir um doctype no topo da página evita isso. Para desenvolvimento, npm run make atualiza o CSS.