Graceful テーマでのページ読み込み/遷移の再現

開発
1

非常にインスピレーションに満ちたテーマですね。とても気に入っています。多くの要素は他のテーマでも非常に柔軟に適用可能です。

再現しようとしている点の一つは、ページ読み込みや遷移の処理方法です。

標準テーマに含まれる白いフラッシュを削除する必要があります。白色は普遍的な色であるため、通常は全く気付きません。

しかし、Graceful では、その白色の遷移が透明であるかのように背景が見えています。これが実現方法であれば、どの CSS の部分がこの動作を制御しているのでしょうか？

2

このテーマで背景がどのように適用されているかを示す CSS です。これが探しているものだと思いますか？

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

デフォルトでは Discourse で背景色が HTML タグに適用されますが、これで完全に上書きされています。

3

@awesomerobot またしても、鋭くかつ見事な返答をありがとうございます！:+1:

これで今は解決しましたので、改めて感謝申し上げます。

このテーマには、まるで独自の迅速対応部隊でも備わっているかのようです！ :wink:

テーマやそこに込められた作業に触発され、私のような初心者も、その素晴らしい布地を包み込むように理解できるようになります。道筋を見出し、進みながら適切な質問と不適切な質問を見極め、旅を続けることができるのです！