# Alternar modo oscuro/claro

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

<div class="post-metadata">

### Author: ![Discoursenaut](https://avatars.discourse-cdn.com/v4/letter/d/8baadc/32.png) [@Discoursenaut](https://meta.discourse.org/u/Discoursenaut)
#### Post date: [25 Diciembre, 2022 12:49 UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/55 "2022-12-25T12:49:29Z")

</div>

¿Se espera que el icono de la barra lateral no se muestre a menos que tenga **Habilitar esquema de color automático en modo oscuro** marcado en sus preferencias de usuario?

---

<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: [27 Diciembre, 2022 12:58 UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/56 "2022-12-27T12:58:04Z")

</div>

No conozco esta configuración en las preferencias del usuario ni en la configuración del sitio. ¿Puedes enviarme una captura de pantalla?

---

<div class="post-metadata">

### Author: ![Discoursenaut](https://avatars.discourse-cdn.com/v4/letter/d/8baadc/32.png) [@Discoursenaut](https://meta.discourse.org/u/Discoursenaut)
#### Post date: [27 Diciembre, 2022 13:00 UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/57 "2022-12-27T13:00:10Z")

</div>

Hola @jordan.vidrine, gracias por informarme, quizás sea el resultado de un plugin diferente.

---

<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: [27 Diciembre, 2022 13:08 UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/58 "2022-12-27T13:08:21Z")

</div>

Hmmm

No veo esto en meta ni en mi instancia local. ¿Tienes acceso para ver qué componentes temáticos o complementos están instalados?

---

<div class="post-metadata">

### Author: ![Discoursenaut](https://avatars.discourse-cdn.com/v4/letter/d/8baadc/32.png) [@Discoursenaut](https://meta.discourse.org/u/Discoursenaut)
#### Post date: [27 Diciembre, 2022 13:38 UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/59 "2022-12-27T13:38:56Z")

</div>

Ah, podría ser solo de mi parte entonces:

- Alternar Oscuro-Claro
- Banner de enlace de bienvenida

Hay un par de otros, pero actualmente están deshabilitados.

---

<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: [27 Diciembre, 2022 16:23 UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/60 "2022-12-27T16:23:59Z")

</div>

¿En qué versión de Discourse te encuentras?

---

<div class="post-metadata">

### Author: ![Discoursenaut](https://avatars.discourse-cdn.com/v4/letter/d/8baadc/32.png) [@Discoursenaut](https://meta.discourse.org/u/Discoursenaut)
#### Post date: [27 Diciembre, 2022 16:39 UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/61 "2022-12-27T16:39:24Z")

</div>

### versión 2.9.0.beta14

---

<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: [27 Diciembre, 2022 16:53 UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/62 "2022-12-27T16:53:55Z")

</div>

Respuesta corta: sí. El componente de alternancia habilitará la hoja de estilos del modo oscuro, pero necesita que esa hoja de estilos esté presente. Si no está presente, actualmente no puede cambiar a ella. En teoría, podría cambiar a ella realizando una solicitud al servidor para cargar la hoja de estilos, pero eso haría que el componente fuera un poco más complicado.

Este es un cambio reciente, porque ahora el alternador de modo oscuro/claro respeta la configuración del modo oscuro del sistema operativo. Si un usuario cambia la apariencia de su sistema operativo, la configuración de este componente se restablece. (Por ejemplo, si el sistema operativo del usuario está en modo claro, cambia al modo oscuro usando el componente y luego cambia el sistema operativo al modo oscuro, la anulación se restablecerá. No habrá cambios en el esquema de colores del sitio, pero si el usuario luego cambia el sistema operativo de nuevo a modo claro, el sitio lo seguirá, cambiará automáticamente a modo claro).

@jordan.vidrine la casilla de verificación “Habilitar esquema de color automático en modo oscuro” se muestra si a) no hay esquemas de color oscuros marcados como “seleccionables por el usuario” y b) la configuración “Esquema de color predeterminado en modo oscuro” se establece en algo que no sea “Ninguno”.

---

<div class="post-metadata">

### Author: ![Roi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/roi/32/130587_2.png) [@Roi](https://meta.discourse.org/u/Roi)
#### Post date: [8 Enero, 2023 20:16 UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/63 "2023-01-08T20:16:06Z")

</div>

> [@jordan.vidrine](#):
>
> `admin/site_settings/category/all_results?filter=sidebar`
> 
> ![image](https://global.discourse-cdn.com/meta/original/4X/c/0/c/c0c7042e7904433911bfbd8c2e172ee8759ff5bc.png)

Esta opción ya no existe. Ahora es `navigation menu` y está configurada en `Legacy` aquí. No veo el selector de luz/oscuridad. Y tampoco veo el selector cuando lo cambio a `Header Dropdown`. No he probado `Sidebar` ya que no quiero usar la barra lateral en nuestro foro (ya que hay gente conectada y no quiero burlarme de ellos).

¿Es posible obtener el selector en `Header Dropdown` también? Parece ser una de las dos opciones nuevas y no obsoletas (¿tengo razón en esa suposición?).

---

<div class="post-metadata">

### Author: ![Discoursenaut](https://avatars.discourse-cdn.com/v4/letter/d/8baadc/32.png) [@Discoursenaut](https://meta.discourse.org/u/Discoursenaut)
#### Post date: [8 Enero, 2023 20:51 UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/64 "2023-01-08T20:51:20Z")

</div>

@pmusaraj Solo algunos usuarios han dejado un mensaje en nuestro foro diciendo que el interruptor no hace nada por ellos. Tenemos un tema predeterminado y uno oscuro (que los usuarios pueden seleccionar), así que estoy tratando de averiguar cómo simplificar esto para mí/ellos, no estoy seguro de qué me falta para que esto funcione por defecto.

Quizás me falta algo sobre cómo se indican los temas oscuros.

---

<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: [9 Enero, 2023 19:22 UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/65 "2023-01-09T19:22:36Z")

</div>

¿Puedes publicar un enlace a tu sitio? ¿Alguna advertencia en la consola del navegador?

---

<div class="post-metadata">

### Author: ![Discoursenaut](https://avatars.discourse-cdn.com/v4/letter/d/8baadc/32.png) [@Discoursenaut](https://meta.discourse.org/u/Discoursenaut)
#### Post date: [9 Enero, 2023 19:44 UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/66 "2023-01-09T19:44:41Z")

</div>

Gracias por dar seguimiento, te envié un mensaje por chat.

**Editar** : se resolvió asegurando que el **id del esquema de color del modo oscuro predeterminado** del panel de administración esté configurado en un tema oscuro. ¡Gracias! 👍

---

<div class="post-metadata">

### Author: ![Roi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/roi/32/130587_2.png) [@Roi](https://meta.discourse.org/u/Roi)
#### Post date: [14 Enero, 2023 22:33 UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/67 "2023-01-14T22:33:48Z")

</div>

> [@Roi](#):
>
> ¿Es posible obtener el interruptor en `Header Dropdown` también? Parece ser una de las dos opciones nuevas y no obsoletas (¿tengo razón en esa suposición?).

@jordan.vidrine ¿Solo quería preguntar si tienes algún plan sobre esto?

---

<div class="post-metadata">

### Author: ![jo-andre](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jo-andre/32/291047_2.png) [@jo-andre](https://meta.discourse.org/u/jo-andre)
#### Post date: [17 Enero, 2023 15:35 UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/68 "2023-01-17T15:35:08Z")

</div>

Hola. El botón de alternancia solo se muestra para los administradores.  
¿Qué he hecho? 😅

---

<div class="post-metadata">

### Author: ![piffy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/piffy/32/254198_2.png) [@piffy](https://meta.discourse.org/u/piffy)
#### Post date: [17 Enero, 2023 16:27 UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/69 "2023-01-17T16:27:50Z")

</div>

Verifique en `preferencias > Interfaz > Esquema de color` que los usuarios tengan seleccionado un esquema de color en modo oscuro. Si no hay ningún modo oscuro seleccionado allí, el botón de alternancia no se renderizará.

---

<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: [17 Enero, 2023 18:52 UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/70 "2023-01-17T18:52:35Z")

</div>

Lo siento, me lo perdí.

¿A qué menú desplegable te refieres? ¿Al menú heredado (que no usa la barra lateral) o al menú de perfil?

---

<div class="post-metadata">

### Author: ![Roi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/roi/32/130587_2.png) [@Roi](https://meta.discourse.org/u/Roi)
#### Post date: [17 Enero, 2023 18:59 UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/71 "2023-01-17T18:59:49Z")

</div>

Gracias.

Me refería al menú desplegable de encabezado (así es como se llama en la configuración de la versión más reciente de Discourse). Según mi entendimiento, esta es una de las dos nuevas opciones para el menú de hamburguesa o la barra lateral.

Pero también estaría contento si pudiera aparecer en el menú de hamburguesa heredado también. 😉

No puedo / no quiero usar la barra lateral debido a problemas de diseño con mi tema personalizado.

---

<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: [24 Enero, 2023 19:26 UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/72 "2023-01-24T19:26:06Z")

</div>

Una idea: esto debería ser una función principal.  
Una pregunta tonta: ¿dónde encuentro esquemas de color de ejemplo? Soy horrible con los colores, así que me encantaría empezar con algo que otros hayan hecho.  
Y una pregunta: creo que activé y configuré todo como se supone que debe ser, pero no veo ningún interruptor.

---

<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: [24 Enero, 2023 19:36 UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/73 "2023-01-24T19:36:31Z")

</div>

¿Tienes más de 1 color en esta área `/admin/customize/colors`?

---

<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: [24 Enero, 2023 19:52 UTC](https://meta.discourse.org/t/dark-light-mode-toggle/215585/74 "2023-01-24T19:52:42Z")

</div>

sí, dos esquemas de color

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

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