プリローダーはどの配色を使用していますか？

サポート
1

スプラッシュ画面のドットの色を変更する方法はわかりましたか？私のサイトではすべて青色でしたが、このディスコースサイトでは赤から青へのグラデーションになっています。

2

これを見てください：\u003cdgio\u003e

3

それができないということですか？ サイトの読み込み画面に青いドットしか表示されない理由を調べているのですが、このメタ・ディスコース・サイトには赤と青のドットが表示されています。ストックインストールを使用していますが、これはメタ・ディスコースがカスタムスプラッシュスクリーンを使用していることを意味しますか？ ドットの色だけの問題だと思いますが、何か基本的なことを見落としているのかもしれません。

4

テーマのどこでこれを見つけられるか教えていただけますか？私のサイトではドットが青色にしかならないのですが、このサイトでは赤と青になっています。私のインストールはストックインストールで、約10年前のものです。

編集：カラーパレットを使用しますか？もしそうなら、どれを使用しますか？それとも、テーマから取得しますか？もしそうなら、どこで変更できますか？

「いいね！」 1
5

テーマカラーを使用していると思われます。必要であれば、ハイライトなどの要素も含まれます。

6

はい、それは意味が通らないと読みました。テーマはカラーパレットを使用しています。パレットを確認しましたが、それらはストックのものです。現在、それぞれに highlights のようなサブヘッダーがあり、例えばそれは赤に設定されていますが、私のサイトでは青が表示されています。スプラッシュドットの色を設定するために使用されるサブヘッダーは何ですか？

7

ドットには3つの異なるカラー変数がスプラッシュスクリーンで使用されています。

1、2：quarternary 3：highlight 4、5：tertiary

「いいね！」 2
8

完璧です、うまくいきました。ありがとうございます。

「いいね！」 1
9

こんにちは、RBoyさん :slight_smile:

スプラッシュスクリーンのコードはこちらです：

ドットに使用されている正確な色は次のとおりです：

.dots:first-child {
  fill: var(--quaternary);
}

.dots:nth-child(2) {
  fill: var(--quaternary);
  animation-delay: 0.15s;
}

.dots:nth-child(3) {
  fill: var(--highlight);
  animation-delay: 0.3s;
}

.dots:nth-child(4) {
  fill: var(--tertiary);
  animation-delay: 0.45s;
}

.dots:nth-child(5) {
  fill: var(--tertiary);
  animation-delay: 0.6s;
}

ユーザーが選択した配色（だと思います）と、特定のテーマ/配色が選択されていない場合のデフォルトの配色（たとえば、訪問者の場合）が使用されます。

「いいね！」 1
10

単なる好奇心ですが、これは以下で回答されませんでしたか？

https://meta.discourse.org/t/how-to-customize-the-loading-splash-screen/233016/10?u=jammydodger

https://meta.discourse.org/t/how-to-customize-the-loading-splash-screen/233016/11?u=jammydodger

これらを何らかの方法で分割・結合して、会話を1か所にまとめることはできますか？

11

はい、組み合わせることができます。

「いいね！」 1