# 深色/浅色模式切换

**URL:** https://meta.discourse.org/t/dark-light-mode-toggle/215585
**Category:** Theme component
**Tags:** deprecated, dark-mode-toggle
**Created:** [2022年一月21日 18:50 UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585 "2022-01-21T18:50:36Z")
**Posts on this page:** 20
**Page:** 5

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [2023年五月18日 03:17 UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/99 "2023-05-18T03:17:30Z")

</div>

我现在认为我在 [FIX: Case when user has disabled auto-switching by pmusaraj · Pull Request #24 · discourse/discourse-color-scheme-toggle · GitHub](https://github.com/discourse/discourse-color-scheme-toggle/pull/24) 中有了一个修复方案，@jordan.vidrine，你能试试吗？

需要明确的是，此拉取请求解决了以下用例：

> [@RGJ](#):
>
> 所以要获得手动切换，你必须启用自动切换。🤔

当用户禁用自动切换时，该组件现在将请求站点的默认暗色方案。如果存在，它将加载它，然后就可以切换它了。

---

<div class="post-metadata">

### Author: ![sebastianh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sebastianh/32/40415_2.png) [@sebastianh](https://meta.discourse.org/u/sebastianh)
#### Post date: [2023年七月7日 08:54 UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/100 "2023-07-07T08:54:04Z")

</div>

几周以来，仪表板一直通知我此组件未更新。但没有更新。错误在哪里……

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2023年七月7日 15:54 UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/101 "2023-07-07T15:54:08Z")

</div>

它是在告诉你这个特定的组件已过时吗？可以分享截图吗？

---

<div class="post-metadata">

### Author: ![sebastianh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sebastianh/32/40415_2.png) [@sebastianh](https://meta.discourse.org/u/sebastianh)
#### Post date: [2023年七月7日 16:30 UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/102 "2023-07-07T16:30:24Z")

</div>

![Screenshot from 2023-07-07 18-29-43](https://global.discourse-cdn.com/meta/original/4X/a/9/6/a96e277198a6d8f3606de474757de1889b3379be.png)  
 ![Screenshot from 2023-07-07 18-29-57](https://global.discourse-cdn.com/meta/original/4X/8/3/2/832327717439f29511cca1e692d90ccca1230835.png)

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2023年七月7日 17:47 UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/103 "2023-07-07T17:47:13Z")

</div>

您介意换个浏览器试试吗？我想这可能与缓存/历史记录有关。

---

<div class="post-metadata">

### Author: ![sebastianh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sebastianh/32/40415_2.png) [@sebastianh](https://meta.discourse.org/u/sebastianh)
#### Post date: [2023年七月7日 17:59 UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/104 "2023-07-07T17:59:21Z")

</div>

此问题在清除缓存和切换浏览器后依然存在，并且已经持续了几个星期。我现在才因为感到厌烦而报告此问题 😉

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2023年七月7日 18:00 UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/105 "2023-07-07T18:00:40Z")

</div>

这听起来会像一个非常“IT”的回复，哈哈，但您能否尝试卸载它，然后重新安装？

---

<div class="post-metadata">

### Author: ![sebastianh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sebastianh/32/40415_2.png) [@sebastianh](https://meta.discourse.org/u/sebastianh)
#### Post date: [2023年七月7日 18:16 UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/106 "2023-07-07T18:16:58Z")

</div>

这是一个有效的响应，哈哈 🙂  
禁用和启用它没有奏效，但删除并重新安装它似乎消除了这个更新提示。我会留意并及时汇报，如果它再次出现的话。感谢您的耐心 🙂

---

<div class="post-metadata">

### Author: ![sebastianh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sebastianh/32/40415_2.png) [@sebastianh](https://meta.discourse.org/u/sebastianh)
#### Post date: [2023年七月18日 13:16 UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/107 "2023-07-18T13:16:27Z")

</div>

问题没有再次出现 🙂

---

<div class="post-metadata">

### Author: ![discoursejl](https://avatars.discourse-cdn.com/v4/letter/d/9de0a6/32.png) [@discoursejl](https://meta.discourse.org/u/discoursejl)
#### Post date: [2023年七月28日 22:14 UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/108 "2023-07-28T22:14:29Z")

</div>

这现在能用吗？我安装了，但它没有显示在底部或导航栏上，尽管该选项已启用。谢谢。

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2023年七月31日 14:04 UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/109 "2023-07-31T14:04:35Z")

</div>

您是否已在使用的 **主题** 中启用它？

另外，您在控制台中看到任何错误吗？

---

<div class="post-metadata">

### Author: ![kynic](https://avatars.discourse-cdn.com/v4/letter/k/b487fb/32.png) [@kynic](https://meta.discourse.org/u/kynic)
#### Post date: [2023年八月28日 16:53 UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/110 "2023-08-28T16:53:53Z")

</div>

您好，

您能让切换按钮的设计像这样吗？

[![](https://global.discourse-cdn.com/meta/original/3X/2/4/24f76557e9b086854f1c43df90687e8ad37fb376.png) ](https://global.discourse-cdn.com/meta/original/3X/2/4/24f76557e9b086854f1c43df90687e8ad37fb376.png)

[![](https://global.discourse-cdn.com/meta/original/3X/b/e/be2e39a6dbf405fc3b4b9761290f7133f74db9c0.png) ](https://global.discourse-cdn.com/meta/original/3X/b/e/be2e39a6dbf405fc3b4b9761290f7133f74db9c0.png)

月亮和太阳图标会让用户感到困惑，如果清楚地写上“浅色/深色”，会更方便用户使用。

我认为这对使用标题图标的人来说会很好。

或者也许可以为这种设计提供选项，以便人们可以选择他们喜欢的任何一种。🙂

---

<div class="post-metadata">

### Author: ![kynic](https://avatars.discourse-cdn.com/v4/letter/k/b487fb/32.png) [@kynic](https://meta.discourse.org/u/kynic)
#### Post date: [2023年九月7日 14:12 UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/111 "2023-09-07T14:12:50Z")

</div>

有人能告诉我如何在使用图标标题组件时将此图标定位在第一位吗？

---

<div class="post-metadata">

### Author: ![barto\_95](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/barto_95/32/199996_2.png) [@barto\_95](https://meta.discourse.org/u/barto_95)
#### Post date: [2023年九月13日 07:50 UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/112 "2023-09-13T07:50:55Z")

</div>

您好，

感谢您的组件，但它对我不起作用。

我的配置：

 ![image](https://global.discourse-cdn.com/meta/original/4X/5/a/d/5ade2a8069a8063d6ed7158f465563432d37a11d.png)

颜色选择器：

 ![image](https://global.discourse-cdn.com/meta/original/4X/9/4/a/94a2b477682062f7fc0c958e052d6fae90cff9f4.png)

用户个人资料界面：

 ![image](https://global.discourse-cdn.com/meta/original/4X/8/e/3/8e3d814fb921e42a9180b137c478260563b46d9f.png)

当我切换时，什么也没有发生……

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2023年九月13日 18:40 UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/113 "2023-09-13T18:40:16Z")

</div>

你有没有也这样做过？

 ![image](https://global.discourse-cdn.com/meta/original/4X/8/b/d/8bdbebb1a82e785b1a4c6d38a417d7bcf1c7b19c.png)

---

<div class="post-metadata">

### Author: ![barto\_95](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/barto_95/32/199996_2.png) [@barto\_95](https://meta.discourse.org/u/barto_95)
#### Post date: [2023年九月15日 16:21 UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/114 "2023-09-15T16:21:13Z")

</div>

是的

问题在于集成搜索标题集成，如果激活，则切换按钮不起作用，如果将其添加到标题中，但如果它在汉堡菜单中则没有问题。

---

<div class="post-metadata">

### Author: ![Sarah\_Jane\_Obligar](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sarah_jane_obligar/32/322409_2.png) [@Sarah\_Jane\_Obligar](https://meta.discourse.org/u/Sarah_Jane_Obligar)
#### Post date: [2023年九月20日 23:52 UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/115 "2023-09-20T23:52:19Z")

</div>

您好，我可以将暗黑模式设置为默认颜色吗？因为每次登录时它都会切换回浅色模式。

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [2023年九月21日 04:49 UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/116 "2023-09-21T04:49:49Z")

</div>

检查您在 `preferences > interface` 中的设置，因为这会产生该行为：

 ![IMG_2127](https://global.discourse-cdn.com/meta/original/4X/5/4/6/5460a55dead583883d011f39cd3f5ea7a0da7105.jpeg)

---

<div class="post-metadata">

### Author: ![Sarah\_Jane\_Obligar](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sarah_jane_obligar/32/322409_2.png) [@Sarah\_Jane\_Obligar](https://meta.discourse.org/u/Sarah_Jane_Obligar)
#### Post date: [2023年九月22日 00:17 UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/117 "2023-09-22T00:17:05Z")

</div>

你好，谢谢。 🙂

---

<div class="post-metadata">

### Author: ![kynic](https://avatars.discourse-cdn.com/v4/letter/k/b487fb/32.png) [@kynic](https://meta.discourse.org/u/kynic)
#### Post date: [2023年九月26日 13:46 UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/118 "2023-09-26T13:46:06Z")

</div>

支持太阳和月亮表情符号以及自定义图像支持将非常棒。

[上一頁](https://meta.discourse.org/t/dark-light-mode-toggle/215585.md?page=4)

[下一頁](https://meta.discourse.org/t/dark-light-mode-toggle/215585.md?page=6)