Olá Meta! Criei um tema para o Discourse focando em ter acentos de cor claros e áreas de conteúdo sutilmente diferenciadas, tentando criar uma experiência de leitura agradável.
Na versão para desktop, também movi o avatar do criador do tópico para o lado esquerdo do título, a fim de dar a ele uma hierarquia mais alta no design.
Também foi divertido brincar com fontes serifadas e, no final, “Playfair Display” realmente dá um caráter (hehe) ao tema.
Outra coisa divertida é que, como o cabeçalho do tema é preto, você pode brincar com alguns aspectos do logotipo através das Configurações do Tema (inversão de cor, rotação de matiz e brilho).
Especifique um valor em graus para alterar a cor do seu logotipo. Se você não sabe o que é isso, pode deixá-lo em 0 ou pesquisar no Google ‘css filter hue rotation’
Brilho do logotipo
Defina a quantidade de brilho que deseja adicionar ao seu logotipo (se quiser deixá-lo mais escuro, defina um número negativo)
Sinceramente, este é um dos temas com melhor visualização que já encontrei! Muito obrigado
Preciso apenas de uma ajudinha, se não for muito incômodo @ruidovisual
Sou um completo iniciante nisso tudo, então peço desculpas pela minha ingenuidade. Consegui fazer um fork do seu arquivo e alterar os temas de cor. Preciso mudar a fonte e vejo que posso fazer isso importando minha própria família de fontes dentro da variável SCSS?
O que não consigo descobrir é como definir duas fontes diferentes: uma para títulos, cabeçalhos etc., e outra para o corpo do texto.
Seria ótimo se você pudesse me ajudar aqui. Sei que isso pode estar totalmente fora do escopo, mas com certeza ajudaria muito
E aí, Karthikk! Fico feliz que você tenha gostado do tema : )
A maneira mais fácil seria definir uma font-family para o body (acho que fazer isso no common.scss seria o ideal):
body {
font-family: 'O Nome da Sua Família de Fontes', [FALLBACKS];
}
Não sei se você está adicionando suas próprias fontes ou pegando algumas do Google Fonts, mas eu recomendaria escolher uma família do catálogo do Google.
Lembre-se de substituir [FALLBACKS] pelos seus fallbacks, dependendo do tipo de fonte que você escolheu. Você pode ver mais sobre fallbacks de font-family aqui
Sobre mudar a fonte para títulos e cabeçalhos, acho que essa é a parte que você já descobriu, mas como lembrete, além de importá-la, você precisa declará-la na linha 116 do variables.scss
Espero que ajude! Tenha um ótimo fim de semana : )
@ruidovisual Obrigado pela explicação, consegui descobrir como alterar as fontes, graças a você!
Agora estou experimentando minhas próprias versões clara e escura do tema. Estou usando as Paletas de Cores para conseguir isso, pois desejo evitar ao máximo o uso de CSS.
Consegui ajustar quase tudo, exceto esses dois elementos:
A barra de status abaixo da postagem tem um efeito especial no seu tema e não consigo controlá-la com a Paleta de Cores. Como posso ajustá-la usando CSS? Qual parte devo selecionar?
Obrigado por este tema, estou adorando até agora! Um dos estilos de discourse mais agradáveis que já vi
Apenas um problema: ao realizar operações em massa em uma categoria, as caixas de seleção não aparecem, portanto, não consigo selecionar vários tópicos. Isso está me incomodando muito e sou incapaz de usar o tema regularmente, devido a este problema. Isso poderia ser corrigido? <3
Adorei o tema, mas… ;)\n\nVocê poderia me ajudar ou corrigir esta visualização de impressão, pois ela não é utilizável:\n- o título deve ser pequeno\n- a borda com sombra não deve ser visível\n\n
!
Hospedado por nós? Temas estão disponíveis para uso em nossos planos Standard, Business e Enterprise.
\n\nAlém disso, como posso alterar globalmente a fonte para este tema?