Theme Switcher Component

Unless @B-iggy can add an option to choose location? :smiley:

It’s not easy indeed.
If you mean something like this I can maybe try to merge it somehow.

I did not test it with every theme but let me know if something breaks.

What do you mean with bottom? This theme switcher component is rather horizontally align. Do you mean to reduce the width?

Replacing the logo based on toggling light or dark mode is not so easy and would require more options. I’ll note it down, maybe for the future.

2 Me gusta

My idea was in the panel menu (not the user panel menu):

Sorry it must have been a typo. I meant button :smiley: The link to the liebling theme was an example for alternative button

You don’t necessarily need to replace the logo. Maybe just using a fa-icon switching colors and box-shadow via CSS should do the job.

1 me gusta

It would be best to use this component : Hamburger Theme Selector - #63 by sam

It’s not a switch but what you’re asking might need too much work.

1 me gusta

Hi,

Thank you for your component.

I wish this component had the translation support.

Hey @B-iggy thank you for this component!

I got a little confused on how I’m setting the two themes I’m gonna toggle between.
I have the classic “Light” and “Dark” theme and added both on the theme switcher.
When I toggle though it switches to alien theme and not the dark that I’d like to :thinking:

Is there a way to make it use only these two themes that I want?

Thank you for your time and contribution :rocket:

2 Me gusta

Hey @akapetzoglou1
wow, time is passing by crazy this year. Sorry for the delay. Currently struggling with certain things, hence contributing to Discourse unfortunately falls off.

It is not meant to toggle whole themes. Only a predefined dark and light one, I have configured in the CSS.
I think there is a theme switcher out there, that does what you want.
At least, if I understand it correctly.

3 Me gusta

Hey @B-iggy

is there any way to use the component to toggle between two color schemes
Now that there is a setting in the user profile for a dark mode, it would be neat to be able to toggle between the regular and the dark one.

3 Me gusta

Hey Sir I am using this theme component But after using it in classic default theme when i switch to dark mode The admin panel looks like this

All text Goes invisible
i have tried changing secondary color but if i change that it Changes Full theme background also Changes Which i don’t want i only want to change secondary text color so it is visible
Please if u have any solutions share it plz

Hay un componente de cambio de tema en Air Theme. Sin embargo, el botón está en el menú de hamburguesa. ¿Alguien puede y tiene tiempo para adaptar el discourse-color-scheme-toggle con el Componente de Cambio de Tema y tener un botón en la cabecera para cambiar rápidamente entre el tema claro y oscuro?

2 Me gusta

A mí también me encantaría. Estuve intentando dedicarle tiempo para resolverlo, ¡pero todavía no le encuentro sentido! Implementé el que enlazaste, pero esperaba un interruptor de encabezado que fuera imposible de pasar por alto.

1 me gusta

Este componente tem um bug, se o utilizador definir o modo escuro no seu dispositivo e definir o modo claro no switch do fórum, o logótipo não muda, o utilizador vê o logótipo claro (para modo escuro) em modo claro.

Este componente temático no funciona con la barra lateral, ¿hay planes para que sea compatible? ¡Gracias por considerarlo y por lo que ya se ha creado!

1 me gusta

Hola chicos,

He estado ocupado los últimos meses, pero realmente quería darle más atención a este componente de nuevo :slight_smile: Intentaré ver cuánto se necesita con todos los cambios recientes de Discourse y publicaré una actualización aquí.

3 Me gusta

Bien, después de rehacer mi Alien Night Theme, me di cuenta de que este componente ya no tiene mucho sentido.

El componente Dark/Light Toggle está haciendo exactamente lo que intenté hacer con este componente aquí. Pero mucho mejor.
A largo plazo, mi enfoque de trabajar con toneladas de clases y hacer malabares con ellas no es mantenible.
En cambio, este componente a continuación simplemente toma sus 2 esquemas de Paletas de Colores y cambia las variables CSS adecuadas:

Actualmente, aparentemente está roto (aunque funciona en mi Alien Night Theme), pero en el futuro úsalo en su lugar.

Por ahora, he configurado mi componente aquí como Legacy/Deprecated.

1 me gusta