Colores de fondo del selector de modo oscuro

¿Se pueden cambiar los iconos solo al autoalojar? Los iconos tienen un fondo que no queda bien con mi color de fondo. Al eliminar el fondo SVG, se verían mejor.

1 me gusta

Los iconos SVG deben respetar la paleta de colores del usuario. Puedes cambiar los iconos en el componente de tema, si tienes acceso a los componentes de tu sitio. ¿Puedes compartir más detalles de tu problema, quizás con una captura de pantalla? Además, ¿puedes confirmar que tienes el modo claro y oscuro configurados correctamente en tu configuración?

3 Me gusta

Gracias, así es como se ve:

Me di cuenta de que está relacionado con el estado del botón. Si hago clic en algún lugar del fondo de la página, se ve bien, el cuadrado gris desaparece y el color de la luna es el mismo que el de la lupa. Intenté cambiar los colores en el tema, pero no pude encontrar ninguno que controle este.

Lo dejaré activado por ahora para que puedas verlo:

Además, me gustaría cambiar el icono a circle-half-stroke, pero mis intentos no tuvieron éxito.

2 Me gusta

Entiendo lo que quieres decir. Hice un pequeño screencast para demostrarlo.

Lo mismo ocurre en mi sitio (y aquí en meta), incluso con el selector en la barra lateral. Resulta ser un poco menos feo porque los colores están más cerca y el botón no es tan prominente en la cabecera como en tu caso.

Probablemente sea una corrección de diseño bastante menor para evitarlo y estoy de acuerdo en que es una buena idea.

3 Me gusta

Creo que ahora mismo no hay ninguna configuración para editar los iconos. Hay una configuración que garantiza que los iconos utilizados se carguen, pero los iconos no son personalizables sin bifurcar el componente o añadir una configuración para la personalización.

1 me gusta

Eso es interesante. Me pregunto qué hace la configuración de iconos svg. Intenté cambiar estos a iconos svg usados en la barra lateral, por ejemplo circle y circle-half-stroke, pero eso solo hizo que el icono del sol no se mostrara. El icono de la luna sigue mostrándose.

1 me gusta

Añade los iconos. Esa configuración es útil para componentes en los que los administradores pueden elegir iconos, como los iconos de encabezado personalizados. Allí, puedes usar la configuración para añadir los iconos que quieras usar, para que se carguen.
Creo que cuando no se pueden personalizar los iconos, también se pueden añadir en about.json. Pero todavía estoy aprendiendo cómo funcionan los temas.

1 me gusta

Reemplacé fácilmente el sol y la luna de mi foro con el yin-yang, al poner esto en la etiqueta head de editar / css de un componente (también reemplacé el icono del bot con un rayo).

<script type="text/discourse-plugin" version="0.8"> 
  
  api.replaceIcon('robot', 'bolt');
  api.replaceIcon('sun', 'yin-yang');
  api.replaceIcon('moon', 'yin-yang');

</script>


Simplemente me pareció más fácil hacerlo de esa manera. :thinking:

1 me gusta