# 标题栏按钮用于切换深色主题

**URL:** https://meta.discourse.org/t/button-on-header-to-toggle-dark-theme/96409
**Category:** Support
**Tags:** dark-theme
**Created:** [2018年九月5日 12:31 UTC](https://meta.discourse.org/t/button-on-header-to-toggle-dark-theme/96409 "2018-09-05T12:31:37Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![Miclebrick](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/miclebrick/32/110191_2.png) [@Miclebrick](https://meta.discourse.org/u/Miclebrick)
#### Post date: [2018年九月5日 12:31 UTC](https://meta.discourse.org/t/button-on-header-to-toggle-dark-theme/96409/1 "2018-09-05T12:31:37Z")

</div>

On quite a few sites lately I’ve seen small buttons that let you instantly switch between dark and light themes. Is this possible with Discourse?

---

<div class="post-metadata">

### Author: ![mikechristopher](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mikechristopher/32/89135_2.png) [@mikechristopher](https://meta.discourse.org/u/mikechristopher)
#### Post date: [2018年九月5日 12:33 UTC](https://meta.discourse.org/t/button-on-header-to-toggle-dark-theme/96409/2 "2018-09-05T12:33:21Z")

</div>

> [@Hamburger Theme Selector](https://meta.discourse.org/t/hamburger-theme-selector/61210):
>
> warning This theme component is #end-of-life and is no longer supported This theme component no longer works in recent versions of Discourse. Please see [Sidebar Theme Toggle](https://meta.discourse.org/t/sidebar-theme-toggle/242802) as an alternative. discourse2Summary Hamburger Theme Selector adds a theme selector in the hamburger menu provided there is more than 1 user selectable theme. This selector works with both logged-on users and anonymous users.hammer_and_wrenchRepository Link [https://github.com/discourse/discourse-ham…](https://github.com/discourse/discourse-hamburger-theme-selector)

---

<div class="post-metadata">

### Author: ![Miclebrick](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/miclebrick/32/110191_2.png) [@Miclebrick](https://meta.discourse.org/u/Miclebrick)
#### Post date: [2018年九月5日 12:35 UTC](https://meta.discourse.org/t/button-on-header-to-toggle-dark-theme/96409/3 "2018-09-05T12:35:50Z")

</div>

That’s neat, but not exactly what I’m looking for. What I meant was a separate toggle button with night/day icons, not something under the hamburger.

---

<div class="post-metadata">

### Author: ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)
#### Post date: [2018年九月5日 12:54 UTC](https://meta.discourse.org/t/button-on-header-to-toggle-dark-theme/96409/4 "2018-09-05T12:54:36Z")

</div>

Yes, it can be done, see

> [@Alien Night Theme - A free Dark Theme for Discourse](https://meta.discourse.org/t/alien-night-theme-a-free-dark-theme-for-discourse/54175):
>
> discourse2Summary Discourse Alien Night is a dark focused clean theme with the Dark/Light toggle component in mind to enhance your forum!eyeglassesPreview [Preview on theme-creator.discourse.org](https://theme-creator.discourse.org/theme/B-iggy/alien-night-theme)hammer_and_wrenchRepository Link [GitHub - B-iggy/alien-night-discourse-dark-theme: A night friendly dark Discourse theme - dark/light switcher inclusive · GitHub](https://github.com/B-iggy/alien-night-discourse-dark-theme)open_bookNew to Discourse Themes? [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Note: with the release 4.0.0 …

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [2018年十月5日 13:08 UTC](https://meta.discourse.org/t/button-on-header-to-toggle-dark-theme/96409/5 "2018-10-05T13:08:48Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
