Reproduzindo o carregamento/transição da página no tema Graceful

Dev
1

Este é um tema muito inspirador. Gosto bastante dele. Muitos elementos são altamente adaptáveis em outros temas.

Uma coisa que estou tentando replicar é como o carregamento/transição da página foi tratada.

Preciso remover o flash branco que está no tema padrão; ele passa completamente despercebido devido ao branco ser uma cor universal.

No entanto, no tema “graceful”, o fundo é visível, como se essa transição branca fosse transparente. É assim que isso foi alcançado e, se for, qual parte do CSS está controlando esse comportamento?

2

Aqui está o CSS de como o fundo é aplicado neste tema. Acredito que seja isso que você está procurando?

body {
    background-color: #f8f8f8;
    background-image: url(https://community.example.com/example.jpg);
    background-attachment: fixed;
    background-size: auto;
}

Por padrão no Discourse, a cor de fundo é aplicada à tag HTML, então isso apenas a cobre completamente.

3

@awesomerobot Mais uma vez uma resposta iluminada e precisa! :+1:

Isso já me deixou resolvido por enquanto, então, mais uma vez, muito obrigado.

Sinto que esse tema tem sua própria unidade de resposta rápida! :wink:

É inspirador ver temas e o trabalho que é feito neles, ajudando novatos como eu a compreender essa fina trama, encontrando direção e fazendo as perguntas certas e erradas conforme avançamos em nossa jornada!