# Alternar modo escuro/claro

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

<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: [Fevereiro 7, 2024, 2:14am UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/141 "2024-02-07T02:14:52Z")

</div>

Hmm, não consigo fazer isso acontecer. 😢 Desculpe por isso

---

<div class="post-metadata">

### Author: ![discojan](https://avatars.discourse-cdn.com/v4/letter/d/c0e974/32.png) [@discojan](https://meta.discourse.org/u/discojan)
#### Post date: [Março 23, 2024, 11:39pm UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/142 "2024-03-23T23:39:01Z")

</div>

Olá, você pode mesclar as traduções [Add Arabic translation by jermanuts · Pull Request #37 · discourse/discourse-color-scheme-toggle · GitHub](https://github.com/discourse/discourse-color-scheme-toggle/pull/37)

Obrigado por fazer isso ❤

---

<div class="post-metadata">

### Author: ![45thj5ej](https://avatars.discourse-cdn.com/v4/letter/4/34f0e0/32.png) [@45thj5ej](https://meta.discourse.org/u/45thj5ej)
#### Post date: [Março 27, 2024, 4:49am UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/143 "2024-03-27T04:49:29Z")

</div>

Olá. Existe algum motivo para o modo escuro não permanecer ativo ao atualizar a página no meu navegador baseado em Chromium (não estou usando Google Chrome) no meu PC e, muitas vezes, simplesmente não fazer nada quando clico nele?  
Está tudo configurado corretamente, mas não faço ideia por que ele não permanece ativo ou não alterna na maioria das vezes.

---

<div class="post-metadata">

### Author: ![MarcP](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/marcp/32/160184_2.png) [@MarcP](https://meta.discourse.org/u/MarcP)
#### Post date: [Abril 17, 2024, 5:49am UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/144 "2024-04-17T05:49:48Z")

</div>

Por algum motivo, na minha instância, o botão não está aparecendo no canto inferior esquerdo:

![image](https://global.discourse-cdn.com/meta/original/4X/1/1/e/11e335da3fed0ca8f8cc88d305c3bcb6f1d1c97e.png)

vs Meta:  
 ![image](https://global.discourse-cdn.com/meta/original/4X/2/0/3/203d504e29789c5eaa04c1fad50544cfdea6e3b6.png)

Eu tenho tentado isso em um tema padrão com apenas este componente ativado e sem nenhum outro CSS personalizado, estou perdendo alguma coisa?

Mesmo no modo de segurança, com todos os plugins desativados e apenas o tema padrão + este componente, o botão de alternância não está no mesmo lugar.

---

<div class="post-metadata">

### Author: ![MarcP](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/marcp/32/160184_2.png) [@MarcP](https://meta.discourse.org/u/MarcP)
#### Post date: [Abril 18, 2024, 8:20pm UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/145 "2024-04-18T20:20:34Z")

</div>

Falando em outra coisa, vejo este problema acontecendo no Meta, notei isso na minha instância há algum tempo, mas pensei que era só comigo)

Isso acontece quando o esquema é alterado manualmente e não corresponde ao esquema do sistema (pelo que pude apurar) - uma atualização corrige isso, mas aleatoriamente o logotipo reverte para a cor do “sistema”, ignorando o modo alterado manualmente através do botão.

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

---

<div class="post-metadata">

### Author: ![fbpbdmin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fbpbdmin/32/300893_2.png) [@fbpbdmin](https://meta.discourse.org/u/fbpbdmin)
#### Post date: [Abril 30, 2024, 1:16pm UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/146 "2024-04-30T13:16:17Z")

</div>

parece um bug quando o chrome está no modo escuro?  
(visto em discussão acima)

como reproduzir:

- discourse 3.2.1  
preferência pessoal \> esquema de cores: regular é um tema claro, modo escuro: o mesmo que o regular

- o chrome usa o tema do sistema (o sistema alterna automaticamente para o escuro à noite)  
à noite, quando o sistema muda para o modo escuro, o chrome também fica no modo escuro,

o botão do alternador não funciona à noite para o caso acima.  
enquanto isso, funciona bem durante o dia,  
vi a discussão acima, dizendo que devido à preferência definir o modo escuro como “o mesmo que o regular”,  
mas por que ele poderia mudar para o modo escuro durante o dia?

---

<div class="post-metadata">

### Author: ![Truest](https://avatars.discourse-cdn.com/v4/letter/t/b5e925/32.png) [@Truest](https://meta.discourse.org/u/Truest)
#### Post date: [Maio 19, 2024, 2:16am UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/147 "2024-05-19T02:16:34Z")

</div>

Ao entrar em outro quadro após uma alternância, o logotipo do site temporariamente não muda para corresponder ao modo alternado

---

<div class="post-metadata">

### Author: ![Nestor\_Matias](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nestor_matias/32/393562_2.png) [@Nestor\_Matias](https://meta.discourse.org/u/Nestor_Matias)
#### Post date: [Junho 6, 2024, 1:57pm UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/148 "2024-06-06T13:57:06Z")

</div>

Olá @eveyone, alguém pode me ajudar a adicionar o toggle?  
Estou usando este guia e não consigo ver o toggle. Já instalei no meu tema, mas esse toggle não aparece em lugar nenhum, nem no cabeçalho nem no rodapé?

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

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [Junho 6, 2024, 2:02pm UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/149 "2024-06-06T14:02:36Z")

</div>

Você seguiu as instruções do primeiro post? Você tem 2 esquemas de cores que podem ser escolhidos pelos usuários e configurou um esquema de cores escuro padrão?

---

<div class="post-metadata">

### Author: ![MarcP](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/marcp/32/160184_2.png) [@MarcP](https://meta.discourse.org/u/MarcP)
#### Post date: [Junho 10, 2024, 1:00pm UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/151 "2024-06-10T13:00:16Z")

</div>

Finalmente consegui resolver este problema após horas de depuração. Excluir e instalar o [Sidebar Theme Toggle](https://meta.discourse.org/t/sidebar-theme-toggle/242802/28) resolveu!

---

<div class="post-metadata">

### Author: ![PT\_LB](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pt_lb/32/319089_2.png) [@PT\_LB](https://meta.discourse.org/u/PT_LB)
#### Post date: [Julho 11, 2024, 11:32am UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/152 "2024-07-11T11:32:07Z")

</div>

Pode estar ajudando alguém, para evitar que todos os seus usuários tenham que mexer nas configurações da Interface, acho que ter o modo claro como padrão realmente resolve o problema do alternador não fazer nada (assim como para usuários não logados).

 ![image](https://global.discourse-cdn.com/meta/original/4X/0/c/d/0cd2c2fc91132687f8c52d78cf942d443ad157ba.png)

---

<div class="post-metadata">

### Author: ![tobiaseigen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tobiaseigen/32/539204_2.png) [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)
#### Post date: [Dezembro 18, 2024, 3:04pm UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/153 "2024-12-18T15:04:44Z")

</div>

4 posts foram divididos em um novo tópico: [Logo errado aparece em alguns casos ao alternar entre modo escuro/claro](https://meta.discourse.org/t/wrong-logo-appears-in-some-cases-when-toggling-dark-light-mode/343180)

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [Novembro 20, 2024, 2:35pm UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/155 "2024-11-20T14:35:36Z")

</div>

Uma postagem foi dividida em um novo tópico: [Problema com o logotipo da marca e esquema automático de modo escuro](https://meta.discourse.org/t/problem-with-brand-logo-and-automatic-dark-mode-scheme/337265)

---

<div class="post-metadata">

### Author: ![tobiaseigen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tobiaseigen/32/539204_2.png) [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)
#### Post date: [Dezembro 10, 2024, 5:40pm UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/156 "2024-12-10T17:40:22Z")

</div>

2 posts foram divididos para um novo tópico: [Dark mode selector background colors](https://meta.discourse.org/t/dark-mode-selector-background-colors/341657)

---

<div class="post-metadata">

### Author: ![eisammy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/eisammy/32/528804_2.png) [@eisammy](https://meta.discourse.org/u/eisammy)
#### Post date: [Dezembro 11, 2024, 1:40am UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/157 "2024-12-11T01:40:38Z")

</div>

Tenho certeza de que, quando defino meu esquema padrão como modo escuro, este componente não funciona.

Há algo que eu possa fazer para manter meu modo escuro como padrão e permitir que meus usuários alternem para o modo claro, se quiserem?

---

<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: [Dezembro 11, 2024, 3:42am UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/158 "2024-12-11T03:42:56Z")

</div>

> [@eisammy](#):
>
> Existe algo que eu possa fazer para manter meu modo escuro como padrão?

Colocando o padrão para claro e o escuro para escuro, e depois disso os usuários recebem o que estão usando em seus dispositivos, como deveriam? Se um usuário usa claro, esse usuário espera ver claro, não escuro. E o mesmo vale para o escuro, é claro. É sempre uma boa política respeitar as escolhas do usuário 😏

---

<div class="post-metadata">

### Author: ![eisammy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/eisammy/32/528804_2.png) [@eisammy](https://meta.discourse.org/u/eisammy)
#### Post date: [Dezembro 11, 2024, 4:42am UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/159 "2024-12-11T04:42:56Z")

</div>

Mas meu modelo padrão deve ser o modo escuro, minhas cores são e devem ser escuras e não vou mudar isso para “respeitar meus usuários”, meu modelo deve ser um estilo como eu imagino e apenas quero oferecer o modo claro como uma opção adicional.

Se isso não for possível, tudo bem 😃

---

<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: [Dezembro 11, 2024, 6:18am UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/160 "2024-12-11T06:18:03Z")

</div>

Então, basicamente, você quer quebrar as configurações do usuário por causa do que você quer? Eu não entendo totalmente o motivo disso, porque você também tem a paleta clara. E se o seu tema não puder usá-la, o problema é o seu design, não como o Discourse lida com o modo claro e escuro, ou se um usuário tem um gosto diferente do seu.

Ou eu entendi alguma coisa errada 🤔

Muitas coisas podem ser feitas no Discourse. Mas tenho certeza de que sobrecarregar as configurações do usuário em um dispositivo e ainda deixar a opção de sobrecarregar o que você, como administrador e designer, quer, seria algo fora do padrão.

Tenho certeza de que alguém que sabe mais vai opinar.

Meu ponto é: não faça isso. É apenas um design ruim e uma má experiência do usuário.

---

<div class="post-metadata">

### Author: ![eisammy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/eisammy/32/528804_2.png) [@eisammy](https://meta.discourse.org/u/eisammy)
#### Post date: [Dezembro 11, 2024, 7:02am UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/161 "2024-12-11T07:02:53Z")

</div>

> [@Jagster](#):
>
> Ou eu entendi alguma coisa errada 🤔

Exatamente!

Minha dúvida é sobre alguma forma de mudar para o modo claro enquanto meu template/estilo é escuro.

Mas deixa pra lá, vou tentar de outra forma.

---

<div class="post-metadata">

### Author: ![Andrew\_Rowe](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/andrew_rowe/32/445877_2.png) [@Andrew\_Rowe](https://meta.discourse.org/u/Andrew_Rowe)
#### Post date: [Dezembro 28, 2024, 7:49pm UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/162 "2024-12-28T19:49:09Z")

</div>

Posso alterar a imagem de fundo no meu tema adicionando ao CSS

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

existe um seletor CSS que eu possa usar para ter uma imagem diferente para o modo escuro?  
Eu tentei

```css
body .dark {
    background-image: url('https://www.myracedata.com/images/sebring.jpg');
    background-repeat: repeat-y;
    background-size: 100%;
}

```

Eu vasculhei o repositório git para o componente  
Desculpe, sou novo aqui  
Andy

[Página anterior](https://meta.discourse.org/t/dark-light-mode-toggle/215585.md?page=6)

[Próxima página](https://meta.discourse.org/t/dark-light-mode-toggle/215585.md?page=8)
