||||Resumo | Mint - Um tema moderno com um toque de menta. Visualização | Visualização no Discourse Theme Creator Link do Repositório | https://github.com/discourse/discourse-mint-theme Novo nos Temas Discourse? | Guia para iniciantes sobre o uso de Temas Discourse
Um tema moderno com um toque de menta.
Página inicial (categorias)
Mais recentes
Tópico
Pesquisa Avançada
Este tema inclui o seguinte componente:
As seguintes alterações de configuração são necessárias para que este tema seja renderizado corretamente:
top menu deve ser definido como categoria, mais recentes, novos, não lidos, topo desktop category page style deve ser definido como Caixas com Subcategorias
Acesse a página Admin > Banner de Boas-vindas (/admin/config/welcome-banner).
no menu suspenso Ativado nos temas… selecione Mint Theme
no menu suspenso Visibilidade da página selecione Apenas na página inicial
no menu suspenso Localização selecione Abaixo do cabeçalho do site
Imagem de fundo pode ser definida conforme sua necessidade
Nas opções do componente de tema Categorias em Destaque, as seguintes alterações são necessárias para que este tema seja renderizado corretamente:
selecione feed one category e feed two category conforme sua necessidade
preencha feed one title e feed two title conforme sua necessidade
o valor recomendado para max list length é 3.
Hospedado por nós? Os temas estão disponíveis para uso em nossos planos Standard, Business e Enterprise.
67 curtidas
IAmGav
Setembro 7, 2021, 12:30pm
2
tema muito legal
Até posso testá-lo com azul royal (minha cor favorita) no meu site de testes.
Obrigado
5 curtidas
P2W
Setembro 10, 2021, 4:27pm
3
@meghna criando temas incríveis. Ficou ótimo. Vou implantar e testar.
5 curtidas
Tema lindo! Obrigado por criar isso
Estava me perguntando se há uma maneira de eu remover o quadrado e o círculo no fundo. Agradeço qualquer coisa que possa me apontar na direção certa
3 curtidas
tjot
Setembro 14, 2021, 11:14am
5
Remova
#main-outlet:after {
content: "";
display: block;
position: fixed;
z-index: -1;
width: 500px;
height: 500px;
border-radius: 2000px;
background: $color-blue;
right: 1px;
top: -57px;
}
#main-outlet:before {
content: "";
display: block;
position: fixed;
z-index: -1;
width: 300px;
height: 300px;
border-radius: 30px;
background: -webkit-linear-gradient(146deg, rgba(74,247,255,.08) 55%, rgba(143,236,202,.52) 100%);
// background: linear-gradient(146deg, rgba(74,247,255,.08) 55%, rgba(143,236,202,.52) 100%);
background: linear-gradient(4deg, rgba(143,236,202,.29) 55%, rgba(74, 247, 255, 0.08) 100%);
left: 70px;
top: 350px;
transform: rotate(74deg);
transform-origin: 0 100%;
}
do desktop.scss e você estará pronto para seguir
6 curtidas
Muito obrigado, Tomasz, aprecio isso
2 curtidas
Este tema é incrível. Obrigado por criá-lo! Sou novo no cenário do Discourse. Sei como fazer o upload deste tema, mas não tenho certeza de como alterar certas coisas. O que quero mudar são as cores dos blocos no fundo (o círculo e o quadrado). Além disso, gostaria de mudar a cor de fundo. Devo baixar o arquivo do tema, editá-lo e, em seguida, criar o meu próprio tema? Ou existe uma maneira mais fácil?
2 curtidas
meghna
Outubro 18, 2021, 9:27am
8
Obrigado!
Sim. Para alterar as cores, você precisa fazer um fork do tema e atualizar o código da cor conforme sua necessidade. Veja como fazer:
Em variables.scss
$color-blue: #e5f8ff;
$color-square-gradient: linear-gradient(4deg, rgba(143,236,202,.29) 55%, rgba(74, 247, 255, 0.08) 100%);
$color-square-webkit-gradient: -webkit-linear-gradient(4deg, rgba(143,236,202,.29) 55%, rgba(74, 247, 255, 0.08) 100%);
Para alterar a cor de fundo, atualize a cor secondary em about.json
"secondary": "F6FBFC"
Adoro este tema — ele se encaixa perfeitamente na identidade visual do nosso projeto! No entanto, se eu ativar o modo escuro, o tema fica desconfigurado. Isso é esperado? Existe alguma maneira de impedir que os usuários ativem o modo escuro?
1 curtida
Também seria ótimo poder editar o CSS pelo front-end, como com os temas padrão.
cvx
Dezembro 4, 2021, 12:54pm
12
Existem duas pequenas questões com o editor.
1 curtida
meghna
Dezembro 6, 2021, 11:31am
14
Corrigidos ambos os problemas via:
committed 11:29AM - 06 Dec 21 UTC
2 curtidas
Pika
Dezembro 7, 2021, 8:02am
15
Eu realmente gosto do seu tema e o instalei.
meghna
Dezembro 7, 2021, 3:27pm
16
Pode haver a possibilidade de outro tema ou componente estar interferindo na estilização do tema mint. Você pode tentar desativar outros temas/componentes que você possa ter instalado?
Pika
Dezembro 7, 2021, 3:32pm
17
é uma instalação limpa com o tema padrão inativo e apenas estes componentes:
discourse-search-banner
Showcased Categories
meghna
Dezembro 7, 2021, 4:27pm
18
Isso é estranho. Você pode me enviar o URL da sua instância do Discourse por mensagem privada e eu posso dar uma olhada?
1 curtida
meghna
Dezembro 9, 2021, 5:01pm
19
O problema do banner foi corrigido via:
committed 04:57PM - 09 Dec 21 UTC
Também houve um problema no plugin de categorias em destaque que Patrick chamou minha atenção. Corrigi isso também.
committed 04:57PM - 09 Dec 21 UTC
3 curtidas
Olá, eu brinquei com o modo escuro em um dispositivo com um tema Mint agradável. Fiz algumas alterações para suportar o modo escuro. Apenas para testes.
discourse-mint.zip (5,1 KB) Pode conter erros, é claro github .
Fiz algumas modificações para blocos de código, formatação no estilo gitlab, página ampla, etc… Não testei em dispositivos móveis.
1 curtida
meghna
Dezembro 17, 2021, 3:28pm
21
Obrigado pelos esforços, Ivan! Revisei seu trabalho e há algumas alterações personalizadas que não precisam estar no núcleo. Vou analisar as alterações específicas do modo escuro e as farei no núcleo após mais testes.
1 curtida
De nada, Meghna! Acho que seria suficiente aplicar o valor revert a alguns elementos com branco.
1 curtida
| Resumo | Mint - Um tema moderno com um toque de menta. 
| Visualização | Visualização no Discourse Theme Creator
| Link do Repositório | https://github.com/discourse/discourse-mint-theme
|Novo nos Temas Discourse? | Guia para iniciantes sobre o uso de Temas Discourse
Hospedado por nós? Os temas estão disponíveis para uso em nossos planos Standard, Business e Enterprise.
O botão de engrenagem tem um fundo sempre ativo e a forma do primeiro botão ao passar o mouse não corresponde à curvatura da moldura:
