Sabores Markdown

Componente de tema
1

banner
banner1440×1024 85.1 KB

:mag: Visão Geral

Este componente de tema permite que você selecione um “sabor” para o qual o estilo markdown será gerado ao criar posts. Cada “sabor” de markdown é inspirado em um formato de markdown comumente usado na web.

:question: Por que você pode querer isso

Isso pode ser instalado puramente para fins estilísticos ou para resolver problemas como os mencionados aqui.

:memo: Exemplos

examples
examples1440×1024 115 KB

:link: Links Rápidos

|||
| — | — | — |
|:octopus: Obter o código ||
|:question: Guia de Instalação ||
|:mag: Pré-visualização |
|:newspaper_roll: Documentação|

Instalar Componente de Tema

29 curtidas
2

Olá, obrigado por este componente!

Acabei de testá-lo no Windows 11 com tema escuro. Discourse com tema claro padrão.

Tudo funciona como descrito, mas:

  1. flavor=GitHub torna a tabela totalmente preta
  2. flavor=Gitlab torna o cabeçalho preto
  3. flavor=Bitbucket funciona ok

GitHub:

изображение
изображение790×458 21.9 KB

Gitlab:

изображение
изображение805×162 7.41 KB

1 curtida
3

Olá @Ivan_Rapekas,

Obrigado por me informar sobre este problema. Eu tinha algumas variáveis de cor personalizadas que mudavam automaticamente com base na preferência de modo escuro/claro do sistema do usuário. No entanto, se você não tiver a alternância automática de modo escuro no seu Discourse, esse problema ocorrerá. Especialmente se você tiver um tema claro no Discourse, mas seu sistema estiver configurado para o modo escuro.

Como uma solução rápida para isso, adicionei uma configuração que alterna a alternância automática do tema escuro. Se você desmarcar isso nas configurações do seu tema, esse problema deverá ser resolvido para você.

Screen Shot 2021-11-16 at 11.35.21 AM
Screen Shot 2021-11-16 at 11.35.21 AM968×162 18.5 KB

4 curtidas
4

Olá @keegan!

Obrigado pela resposta e pela correção rápida! Isso me ajudou.

Infelizmente, tenho que notar que este componente altera a fonte:

a) componente desativado:

изображение
изображение817×177 31.6 KB

b) componente ativado:

изображение
изображение815×181 11.1 KB

Também altera <kbd> </kbd> em uma célula da tabela (a escala é a mesma):
a) original:
Screenshot_4

b) com componente:
Screenshot_3

Isso é apenas um aviso, não precisa corrigir, acho :slight_smile: .

5

@Ivan_Rapekas Sim, está correto. Tentei imitar as escolhas de fonte usadas em markdown por cada sabor respectivo (ou seja, a fonte markdown do GitHub.com é usada quando você seleciona o sabor GitHub)

2 curtidas
6

Ah, entendi. Na verdade, as fontes são semelhantes às do Gitlab/GitHub. Obrigado pela explicação! Ideia brilhante, isso é mais do que o esperado de “apenas um componente de tema” :clap:

1 curtida
7

Finalmente apliquei a formatação original do bloco de código sobre o layout do Gitlab :slight_smile: (funciona no tema padrão):

/admin/customize/themes/1/common/scss/edit

// Original <code> sobre o componente do tema Gitlab

.cooked kbd {
    align-items: center;
    border: 1px solid var(--primary-low-mid);
    background: var(--primary-very-low);
    border-bottom-width: 2px;
    border-radius: 3px;
    box-sizing: border-box;
    color: var(--primary);
    display: inline-flex;
    font-size: var(--font-down-1);
    justify-content: center;
    line-height: var(--line-height-large);
    margin: 0 0.15em;
    min-width: 24px;
    padding: 0.15em 0.6em;
}

Isso torna: Screenshot_4

8

Olá, gostaria de saber se este componente será atualizado para usar esquemas de cores? Ou seja, primário, secundário, etc.

2 curtidas
9

Não tive tempo de atualizar isso, mas tentarei arranjar um tempo em breve.

Enquanto isso, talvez este componente official atenda às suas necessidades?

1 curtida
10

Sim, esse é legal com certeza. Estava mais olhando para as tabelas. Seu componente aqui melhora a legibilidade da tabela em comparação com o core. Usando um layout de tabela mais tradicional com separadores de linhas verticais.

Agradeço o quão grandes devem ser as cargas de trabalho da equipe. Sem pressa, apenas pensei em perguntar, pois descobri seu TC recentemente. :wink:

1 curtida