# 预加载器使用哪种配色方案？

**URL:** https://meta.discourse.org/t/which-color-scheme-does-the-preloader-use/281735
**Category:** Support
**Tags:** splash
**Created:** [2023年十月5日 22:11 UTC](https://meta.discourse.org/t/which-color-scheme-does-the-preloader-use/281735 "2023-10-05T22:11:25Z")
**Posts on this page:** 11
**Page:** 1

<div class="post-metadata">

### Author: ![RBoy](https://avatars.discourse-cdn.com/v4/letter/r/2bfe46/32.png) [@RBoy](https://meta.discourse.org/u/RBoy)
#### Post date: [2023年十月5日 21:20 UTC](https://meta.discourse.org/t/which-color-scheme-does-the-preloader-use/281735/1 "2023-10-05T21:20:54Z")

</div>

您能弄清楚如何更改启动屏幕上点的颜色吗？我注意到我的网站上全是蓝色，而在这个 Discourse 网站上，它是从红色到蓝色的渐变。

---

<div class="post-metadata">

### Author: ![darkpixlz](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/darkpixlz/32/549896_2.png) [@darkpixlz](https://meta.discourse.org/u/darkpixlz)
#### Post date: [2023年十月5日 21:45 UTC](https://meta.discourse.org/t/which-color-scheme-does-the-preloader-use/281735/2 "2023-10-05T21:45:10Z")

</div>

看这个：\u003cdgio\u003e

> [@Don](#):
>
> 所以现在如果你创建一个自定义 CSS 来修改它，它只会加载 ~在启动屏幕之后。

---

<div class="post-metadata">

### Author: ![RBoy](https://avatars.discourse-cdn.com/v4/letter/r/2bfe46/32.png) [@RBoy](https://meta.discourse.org/u/RBoy)
#### Post date: [2023年十月5日 21:54 UTC](https://meta.discourse.org/t/which-color-scheme-does-the-preloader-use/281735/3 "2023-10-05T21:54:47Z")

</div>

所以这是不可能的吗？我正在尝试弄清楚为什么我的网站在加载屏幕上只有蓝点，而这个 Meta Discourse 网站却有红蓝点？我使用的是标准安装——这是否意味着 Meta Discourse 使用了自定义启动屏幕？我只是觉得点点的颜色可能是我遗漏了什么基本的东西。

---

<div class="post-metadata">

### Author: ![RBoy](https://avatars.discourse-cdn.com/v4/letter/r/2bfe46/32.png) [@RBoy](https://meta.discourse.org/u/RBoy)
#### Post date: [2023年十月5日 22:11 UTC](https://meta.discourse.org/t/which-color-scheme-does-the-preloader-use/281735/4 "2023-10-05T22:11:25Z")

</div>

> [@Johani](#):
>
> the splash dots will use the colors from your current theme

您能否指出主题中的哪个位置可以找到它？我想看看为什么我的网站上的点只有蓝色，而这个网站上的点是红色和蓝色的。我的安装是标准的，大约有 10 年了。

编辑：它是否使用颜色主题，如果是，使用哪些，或者它是否从主题中获取，如果是，可以在哪里修改？

---

<div class="post-metadata">

### Author: ![darkpixlz](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/darkpixlz/32/549896_2.png) [@darkpixlz](https://meta.discourse.org/u/darkpixlz)
#### Post date: [2023年十月5日 23:43 UTC](https://meta.discourse.org/t/which-color-scheme-does-the-preloader-use/281735/5 "2023-10-05T23:43:29Z")

</div>

我相信它使用了主题颜色，如果你真的想要的话，比如高亮显示。

---

<div class="post-metadata">

### Author: ![RBoy](https://avatars.discourse-cdn.com/v4/letter/r/2bfe46/32.png) [@RBoy](https://meta.discourse.org/u/RBoy)
#### Post date: [2023年十月6日 04:20 UTC](https://meta.discourse.org/t/which-color-scheme-does-the-preloader-use/281735/6 "2023-10-06T04:20:04Z")

</div>

是的，我读了，但它没有意义。主题使用颜色组合。我检查了这些组合，它们是库存的。现在每个组合都有子标题，例如 `highlights`，而这个子标题被设置为红色，但我的网站显示为蓝色。哪些子标题用于设置飞溅点的颜色？

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [2023年十月6日 05:15 UTC](https://meta.discourse.org/t/which-color-scheme-does-the-preloader-use/281735/7 "2023-10-06T05:15:50Z")

</div>

Splash screen uses 3 different color variables for dots.

1, 2: **quaternary** 3: **highlight** 4, 5: **tertiary**

启动屏幕使用 3 个不同的颜色变量来表示圆点。

1、2： **四级** 3： **高亮** 4、5： **三级**

---

<div class="post-metadata">

### Author: ![RBoy](https://avatars.discourse-cdn.com/v4/letter/r/2bfe46/32.png) [@RBoy](https://meta.discourse.org/u/RBoy)
#### Post date: [2023年十月6日 06:00 UTC](https://meta.discourse.org/t/which-color-scheme-does-the-preloader-use/281735/8 "2023-10-06T06:00:20Z")

</div>

太好了，管用。谢谢。

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [2023年十月10日 10:05 UTC](https://meta.discourse.org/t/which-color-scheme-does-the-preloader-use/281735/9 "2023-10-10T10:05:23Z")

</div>

你好 RBoy 🙂

启动画面代码在这里：

> <https://github.com/discourse/discourse/blob/fdd5e577d61b95456b9e9e2a7890c5741bee4aea/app/views/common/_discourse_splash.html.erb>

用于点的确切颜色是：

```scss
.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;
}

```

它使用了用户选择的配色方案（我想？）以及在未选择特定主题/方案时的默认方案（例如，访客将是这种情况）。

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [2023年十月10日 10:11 UTC](https://meta.discourse.org/t/which-color-scheme-does-the-preloader-use/281735/10 "2023-10-10T10:11:57Z")

</div>

只是出于好奇，但这在以下链接中没有得到解答吗？

[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/10?u=jammydodger)

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

我们能否以某种方式拆分和合并这些内容，以将对话保持在一个地方？

---

<div class="post-metadata">

### Author: ![RBoy](https://avatars.discourse-cdn.com/v4/letter/r/2bfe46/32.png) [@RBoy](https://meta.discourse.org/u/RBoy)
#### Post date: [2023年十月10日 12:15 UTC](https://meta.discourse.org/t/which-color-scheme-does-the-preloader-use/281735/11 "2023-10-10T12:15:34Z")

</div>

是的，它们可以合并。
