Contraste de hiperlinks no modo escuro

Postando aqui porque o tópico original foi fechado.

Olá @sam e @chapoi. Obrigado pela rápida resposta ao relatório de @hugovk sobre o realce de código no modo escuro. A equipe do Python Discourse também havia notado a cor de primeiro plano escura para hiperlinks, mas isso foi omitido no tópico Realce de código quase ilegível aqui.


Você pode ver que o hiperlink não em negrito meio que afunda em um buraco…

Vocês poderiam revisitar a coloração do texto do hiperlink no modo escuro?

A mesma tonalidade usada para hljs-builtin-names provavelmente funcionará bem. A cor de fundo do corpo da mensagem dará a ele uma tonalidade diferente do esquema de texto do bloco de código e a cor contrastará mais com o fundo mais escuro do corpo da mensagem.

Obrigado! - Leland

Por favor, não!

Nem todo mundo parece ser cego!

No modo escuro, o texto normal é branco e os hiperlinks são azuis.
Então, qual é o problema com isso?

1 curtida

Eu não tenho o mesmo tom exato que você. O azul que tenho é um pouco mais brilhante e funciona perfeitamente.

2 curtidas

É apenas uma questão de ajustar o tom para obter mais contraste, Alex. Os hiperlinks estão um pouco escuros, então eles se fundem ao fundo, como mostrado na captura de tela. Um ou dois níveis de tom serão suficientes.

Tenha em mente que os desenvolvedores do Discourse e a maior parte da equipe do Python.org são profissionais com muita experiência em design de interface do usuário. São ajustes sutis. Nenhuma modificação pesada está sendo proposta ou solicitada aqui.

1 curtida

Você pode facilmente alterar as cores dos hiperlinks para si mesmo nas configurações do tema com CSS.

1 curtida

Estou recebendo o mesmo que @Jonathan_Poyer, onde os hiperlinks aqui/na minha tela já são um azul ligeiramente mais claro do que os da sua captura de tela:

Poderia ser uma escolha de cores no tema que você está usando?

2 curtidas

Obrigado pelas comparações, @Jonathan_Poyer e @JammyDodger. Isso é muito útil. Sim, meus hiperlinks também aparecem melhor aqui. Eu diria que é sobre a quantidade exata de ajuste que eu tinha em mente. Aqui está uma captura de tela mostrando o hiperlink e a captura de tela do OP aqui.

Até onde sei, estamos executando a configuração padrão de CSS. O grupo de administradores é a equipe de desenvolvimento principal do Python, então eles compreensivelmente preferem se concentrar em administrar o Python em vez de administrar o Discourse.

Eles tiveram uma discussão sobre o realce de código na qual Sam Saffron participou e Charlie ‘Chapoi’ fez o ajuste para a próxima versão. Nós apenas esquecemos de incluir o tópico dos hiperlinks. (Curiosamente, o realce de código agora está melhor lá, mesmo que a versão ajustada esteja pendente. Talvez alguém tenha encontrado a atribuição de cores e a tenha ajustado.)

A princípio, pensei que discuss.python.org estivesse executando uma versão diferente do Discourse. No entanto, atualmente estamos executando a versão 2.9.0.beta4 e o visualizador de elementos da página mostra o mesmo aqui:

<meta name="generator" content="Discourse 2.9.0.beta4 - https://github.com/discourse/discourse version 8a58ce6578ab697f29cea211049c37c2ab341ba5">

Você sabe onde está a especificação da cor do hiperlink, por acaso?

1 curtida

Por que a versão está pendente? A maioria dos fóruns usa “test-passed” e não “beta” para atualizações. O nome da versão não é a única informação que você obtém

1 curtida

Verificando seu número da versão, parece que você foi atualizado em 4 de junho, então você deve ter essas atualizações. :+1:

Acredito que seja a cor terciária, que você pode encontrar em /admin/customize/colors e selecionar o tema escuro. Meta e meu site de teste ambos têm 0f82af para o código de cor.

1 curtida

Agora enviamos um esquema de cores escuro adicional de alto contraste no core que provavelmente resolverá seu problema. Você pode experimentar esse esquema aqui no meta, ele é chamado de WCAG Dark.

Vejo que esse esquema não está disponível na comunidade Python (provavelmente porque a comunidade foi estabelecida antes de adicionarmos os esquemas WCAG ao core). Portanto, sua melhor opção aqui é entrar em contato com os administradores desse site e pedir que eles ativem os esquemas de cores WCAG.

4 curtidas

É um pouco melhor aqui no Discourse Meta, mas tenho certeza de que estamos usando as cores padrão no Python Discourse.

Hiperlinks

No Python Discourse, os hiperlinks são azuis #306897 sobre cinza #222222, que tem uma taxa de contraste de 2.69:1, e está abaixo das Diretrizes de Acessibilidade para Conteúdo Web (nível AA: 4.5:1, nível AAA: 7:1) do W3C.

(Aqui no Discourse Meta é um pouco melhor: azul #0F82AF sobre o mesmo cinza #222222, taxa 3.61:1, mas ainda abaixo de AA e AAA.)

Blocos de código

No Python Discourse, a correção dos blocos de código foi implantada agora, e é definitivamente uma grande melhoria.

Mas azul #4288C3 sobre cinza #3F3F3F a 2.77:1 ainda está abaixo das diretrizes WCAG, então há espaço para melhorias.

(Aqui no Discourse Meta, azul #4288C3 sobre cinza #3F3F3F a 4.34:1 é igualmente melhor, mas abaixo de AA e AAA.)

3 curtidas

Obrigado por isso. Uau! Isso é muito magistral. Tudo é tão visível que eu realmente diminuí o brilho! O editor de postagem ativo na parte inferior realmente se evidencia. Não é tão proeminente no tema escuro normal.

\u003e

O editor tem um pouco de um brilho “neon de rua”, no entanto. Você pode considerar diminuí-lo um ou dois níveis (escurecer o tom ou adicionar mais vermelho/verde). Afinar a borda colorida em um pixel seria possivelmente ideal, mas presumo que a espessura da borda não seja um dos parâmetros do tema.

\u003e

Eu realmente gosto do escuro de alto contraste.

2 curtidas

Eu diria que os níveis de contraste aqui estão bem equilibrados. Os vários elementos da interface do usuário também precisam contrastar entre si.

Por exemplo, se os hiperlinks forem movidos muito perto da proporção de contraste de primeiro plano/fundo do W3C, eles começarão a se misturar ao texto do corpo. Portanto, o contraste entre as cores do texto do corpo e dos hiperlinks é igualmente importante, especialmente quando se trata de texto de hiperlink curto no centro de um parágrafo de texto do corpo.

@sam e @chapoi, vocês sabem se as cores de destaque de hiperlink e código do Discourse Meta foram ajustadas a partir do padrão aqui?

1 curtida

Aviso: Eu não sou Sam nem Chapoi :slightly_smiling_face:, mas estas são as cores padrão do esquema escuro do meu site de teste (que também são as do Meta):


Este site de teste em particular foi criado no final de outubro de 21.

2 curtidas

0f82af é a cor terciária padrão atual para o tema escuro?

1 curtida

Eu acredito que sim. Eu não mexi nas minhas paletas de cores no meu site de teste, então acho que essa é uma suposição justa. No entanto, alguém mais experiente pode ter mais informações. :slightly_smiling_face:

2 curtidas

E a sua versão?

<meta name="generator" content="Discourse 2.9.0.beta4 - https://github.com/discourse/discourse version 8a58ce6578ab697f29cea211049c37c2ab341ba5">

1 curtida

Estava em 17227e9e53 quando verifiquei as paletas de cores, mas notei que estava alguns commits atrás de você, então pensei em atualizar apenas para ter certeza. Agora está em 42683d4874 e ainda tem o mesmo código de cor terciária do tema escuro (0f82af).

1 curtida