Detalhe importante, queremos apenas alterar a cor do fundo principal, não o fundo das áreas com texto. É por isso que não podemos usar os valores da Paleta de Cores diretamente (a menos que eu tenha perdido alguma coisa).
Ainda tentando mudar o fundo para o modo padrão (claro) mantendo o fundo escuro para o modo escuro.
Mesmo que quiséssemos uma cor sólida para o fundo claro, tudo o que tentamos com CSS adiciona a mesma cor ao fundo no modo escuro.
É por isso que estamos tentando com uma imagem. Quando a imagem de fundo é definida como padrão, o fundo da imagem Graceful original é usado para o modo claro, mas para o modo escuro há um fundo escuro. Seria ótimo se pudéssemos adicionar uma imagem personalizada que fosse usada apenas no modo claro também, mas quando tentamos, a mesma imagem é usada no modo escuro. Como a imagem de fundo é brilhante e adequada para o modo claro, ela estraga o modo escuro.
Alguém pode me ajudar a descobrir isso, por favor?
@piffy Muito obrigado. Este é realmente um bom paliativo.
Perdi-me na matemática de calcular um número SVG que, com 20% de opacidade, resultaria em #FAF0FC, mas isso chega perto o suficiente para os meus olhos, e o modo escuro é escuro. Ufa!
// Cor de fundo em vez de imagem de fundo Graceful
.background-container {
background: rgb(200 190 192 / 20%);
}
O TC do Canapin funciona para mim neste tema.
Este TC define as variáveis CSS --d-max-width e --topic-body-width.
Você pode ter outro TC ou personalizações que sobrescrevam esses valores.
Você pode tentar manualmente, por exemplo:
body {
--d-max-width: 1500px;
--topic-body-width: 1500px;
}
como exemplo, a alteração de padding, background etc. são aplicadas corretamente, mas a cor do texto em si é ignorada e permanece o amarelo padrão. Existe algo diferente que eu deveria estar abordando para mudar isso? O amarelo é extremamente difícil de ler contra um fundo branco por padrão.
No celular, a largura do fórum agora é ligeiramente maior do que a tela deveria ser. Existe uma maneira de mantê-lo com no máximo 100% de largura no celular e não ultrapassar, mas sem desfazer o aumento de largura para usuários de desktop?
Estou tendo o mesmo problema que @Solari acima, onde as barras de cores no celular não estão presentes. Tentei usar o código CSS sugerido na resposta, mas isso não pareceu resolver o problema. Alguém descobriu como trazer de volta as barras de cores de categoria no celular?
Ok, estava dando uma olhada aqui no Meta com o tema Graceful selecionado. No celular, por algum motivo, não há barras coloridas como no desktop. Eu mesmo não tenho certeza do porquê.
Embora no desktop, na barra lateral, mude para a visualização móvel e você poderá usar o “inspect element”. Eu também verificaria no modo desktop e veria como o CSS difere. Se necessário, provavelmente podemos criar um componente personalizado com substituições no Mobile para fazer as barras coloridas funcionarem como esperado.
Obrigado! Eu agradeço. Como outros usuários já haviam relatado o problema anteriormente neste tópico, eu estava esperando por uma correção mais permanente que funcionasse mesmo após futuras atualizações do Grace.
Seria uma boa ideia postar isso como um Bug usando as tags ux e graceful-theme
Pois isso pode ajudar na visibilidade.
Alternativamente, este componente de tema adiciona uma visualização agradável de categoria. Ele é usado no Air Theme.
