Tema do Ar

Acredito que você possa criar um novo Theme component e substituir as fontes

Este computador pode ser modificado ou você pode encontrar fontes no Google Fonts que lhe agradem

.Google Fonts

O cabeçalho você pode direcionar e ajustar com CSS, acredito

Talvez não seja exatamente o que você procura. Mas talvez seja de interesse.

Olá a todos

Obrigado por um tema tão bom!
Estou apenas com dificuldades em algo. Notei que no celular, algumas das abas de Preferências de Perfil não têm um fundo sólido, o que faz com que pareça um pouco estranho. Veja a imagem abaixo como referência:

A página de erro na versão mobile faz a mesma coisa. Todas estão boas na visualização desktop/tablet, mas a versão mobile parece ter CSS diferente?

Alguém sabe como/onde posso mudar isso? Não tenho experiência em codificação, então precisaria contratar um desenvolvedor para fazer isso por mim?

1 curtida

Aqui está um exemplo de como fica no tablet/celular e também de como a maioria das outras abas ficam:

1 curtida

Bem-vindo à Meta! :wave:

Eu não acho. Este é um tema official, então ele é mantido pela equipe do Discourse. Mas mesmo outros temas que são compartilhados aqui são frequentemente corrigidos pelo mantenedor quando você relata um problema.

Eu consigo reproduzir seu problema aqui. Parece ainda pior do que sua captura de tela, porque a prévia da mensagem é mais larga do que minha tela.

1 curtida

Alguém sabe como ocultar a classe td?\n\n

1 curtida

Você pode tentar este CSS:

.topic-list {
    .topic-list-header .posts,
    .topic-list-body .posts {
        display: none !important;   
    }
}

2 curtidas

Sim, tentei escondê-los dessa forma. Divs regulares são ocultados, mas não funciona com td. Tentei várias opções:

.td.num.posts... {
        display: none;
}

.td:num.posts... {
        display: none;
}
1 curtida

Eu testei meu CSS e funcionou para mim. Você testou?

Falta o !important para este tema.

3 curtidas

Obrigado @chapoi

.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.posts,
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.age,
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.posters {
	display: none;

}

3 curtidas

Há algum espaço vazio no topo. Existe alguma forma de removê-lo? Não consigo encontrar nada usando o inspetor de elementos.


E eu gostaria de aumentar a largura do bloco com o conteúdo do tópico

@jordan.vidrine

Existe um margin-top na classe main-outlet

Você deve adicionar isto:

html body #main-outlet {
  margin-top: 0;
}

Eu nunca usei isso ainda, mas existe uma configuração topic-width no CSS, em um elemento raiz.

Adicione isto, ele deve adaptar todo o resto:

:root {
  --topic-body-width: 750px;
}
1 curtida

Isto está algo errado

Ao mesmo tempo, parece normal. Obrigado

.container.posts {
    grid-template-columns: 90% 10%;
}

Obrigado por compartilhar! Darei uma olhada nisso em breve.

1 curtida

Isso foi corrigido na última mesclagem de um PR

1 curtida

Por favor, diga-me como recortar a imagem de fundo desta forma, com cantos arredondados simetricamente.

Agora o código está assim:

html .background-container {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background: url(https://site/uploads/default/original/2X/2/26d48362654a9e03c716eeaff4a176cbbd01d6b8.png);
    background-size: cover;
  
}
1 curtida

Você vai querer editar as propriedades do clip path. Você pode aprender mais sobre isso em sites como css tricks.

2 curtidas

Quando uso o tema aqui na Meta, os ícones na frente de Citar, Editar, Copiar Citação e Perguntar à IA estão invisíveis.
image

1 curtida

Hmm, qual esquema de cores você está usando? O plano de fundo disso não é o que o tema usa.

O WCAG Light definitivamente tem o problema, mas mudei para "tema padrão"


e ainda era o mesmo. Eu atualizei para verificar se o esquema de cores foi salvo, então espero que não seja afetado pelo meu problema com a alteração de esquemas de cores. O azul no fundo ficou mais claro depois que mudei para o esquema de cores padrão.

2 curtidas