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 „Gefällt mir“

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 „Gefällt mir“

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 „Gefällt mir“

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 „Gefällt mir“

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 „Gefällt mir“

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 „Gefällt mir“

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

Es gibt eine Theme-Switcher-Komponente im Air Theme. Allerdings befindet sich der Button im Hamburger-Menü. Ist jemand in der Lage und hat Zeit, den discourse-color-scheme-toggle mit der Theme-Switcher-Komponente anzupassen und einen Header-Button zu haben, um schnell zwischen hellem und dunklem Theme zu wechseln?

2 „Gefällt mir“

Das würde ich auch gerne. Ich habe versucht, etwas Arbeit hineinzustecken, um es herauszufinden, aber bisher habe ich noch keinen Sinn darin gefunden! Ich habe das implementiert, das Sie verlinkt haben, aber ich hatte auf einen Header-Schalter gehofft, der nicht zu übersehen ist.

1 „Gefällt mir“

Diese Theme-Komponente hat einen Fehler. Wenn ein Benutzer den Dunkelmodus auf seinem Gerät aktiviert und im Forum den Hellmodus über den Schalter auswählt, ändert sich das Logo nicht. Der Benutzer sieht das helle Logo (für den Dunkelmodus) im Hellmodus.

Diese Theme-Komponente funktioniert nicht mit der Seitenleiste. Gibt es Pläne, sie zu unterstützen? Vielen Dank für Ihre Berücksichtigung und für das, was bereits geschaffen wurde!

1 „Gefällt mir“

Hallo Leute,
Ich war in den letzten Monaten beschäftigt, aber ich wollte dieser Komponente wirklich wieder mehr Aufmerksamkeit schenken :slight_smile:
Ich werde versuchen herauszufinden, was mit all den jüngsten Änderungen von Discourse erforderlich ist, und hier ein Update posten.

3 „Gefällt mir“

Nachdem ich mein Alien Night Theme überarbeitet hatte, stellte ich fest, dass diese Komponente keinen großen Sinn mehr ergibt.

Die Dark/Light Toggle-Komponente macht genau das, was ich mit dieser Komponente hier versucht habe. Aber viel besser.
Langfristig ist mein Ansatz, mit Tonnen von Klassen zu arbeiten und sie herumzuschubsen, nicht wartbar.
Stattdessen nimmt die untenstehende Komponente einfach Ihre 2 Farbpalettenschemata und vertauscht die richtigen CSS-Variablen:

Sie ist derzeit anscheinend kaputt (sie funktioniert aber in meinem Alien Night Theme), aber in Zukunft bitte verwenden Sie sie stattdessen.

Ich habe meine Komponente hier vorerst auf Legacy/Deprecated gesetzt.

1 „Gefällt mir“