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

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

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

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

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

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

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

Air Theme にはテーマ切り替えコンポーネントがありますが、ボタンはハンバーガーメニュー内にあります。誰か時間のある方で、discourse-color-scheme-toggle をテーマ切り替えコンポーネントと統合し、ライトテーマとダークテーマを素早く切り替えるためのヘッダーボタンを作成していただけないでしょうか?

「いいね!」 2

私もそれができたら嬉しいです。それを理解しようと仕事に組み込もうとしていましたが、まだ何も理解できていません!\nあなたがリンクしたものを実装しましたが、見逃せないようなヘッダーのトグルを期待していました。

「いいね!」 1

このテーマコンポーネントにはバグがあります。ユーザーがデバイスでダークモードをオンにし、フォーラムでスイッチでライトモードをオンにすると、ロゴが変更されず、ユーザーはライトモードでライトロゴ(ダークモード用)が表示されます。

このテーマコンポーネントはサイドバーで動作しませんが、サポートする予定はありますか?ご検討と、すでに作成されたものに感謝します!

「いいね!」 1

皆さん、こんにちは。

ここ数ヶ月は忙しかったのですが、このコンポーネントにもっと力を入れたいと思っていました :slight_smile:

Discourse の最近の変更点と照らし合わせて、どのくらいの作業が必要か確認し、ここにアップデートを投稿します。

「いいね!」 3

私のAlien Night Themeを改修した後、このコンポーネントはもはやあまり意味をなさないことに気づきました。

ダーク/ライトトグルコンポーネントは、私がこのコンポーネントでやろうとしていたことを正確に、しかもはるかにうまく実行しています。
長期的には、大量のクラスを扱ってそれらを整理するという私のやり方は、維持できません。

代わりに、以下のコンポーネントは、2つのカラーパレットスキームを取得し、適切なCSS変数を反転させるだけです。

現在、明らかに壊れています(ただし、私のAlien Night Themeでは動作します)が、将来的には代わりにそれを使用してください。

私のコンポーネントは現在、レガシー/非推奨に設定しました。

「いいね!」 1