ダーク/ライトモード切り替え

親愛なるDiscourseチームとフォーラム参加者の皆様、こんにちは:raising_hand_man:

最近、個人メッセージのエディタを開くクイックリンクが、Androidオペレーティングシステムを搭載したスマートフォンを使用している場合、ダーク/ライトモードトグルテーマコンポーネントと互換性がないことに気づきました。具体的には、リンクをクリックすると、メッセージコンポーザがほんの一瞬開いてから下書きに戻ってしまいます。すべてのテーマコンポーネントとプラグインをチェックしたところ、Androidでダーク/ライトモードトグルコンポーネントが有効になっている場合にのみ、コンポーザがこのように動作することがわかりました。以下にビデオを示します。

ビデオでは2つのシナリオを示しました。

  1. 最初にリンクをクリックすると、コンポーザがすぐに開き、同時に閉じます。
  2. 再度リンクをクリックすると、コンポーザが保存された下書きから開き、前の下書きを削除した後、コンポーザが通常のモードで開きます。
「いいね!」 4

管理者として、このサイト全体にこれを実装するにはどうすればよいですか?ありがとうございます。

「いいね!」 2

これを報告してくれてありがとう。非常に奇妙で興味深いバグだ!

「いいね!」 3

このコンポーネント、本当にありがとうございます :pray: :slightly_smiling_face:
インストールしたばかりですが、デスクトップとAndroidでかなりうまく動作しています。

「いいね!」 4

スクリーンショットをご覧ください。

つまり、トグル設定はフロントエンドにトグル設定オプションを追加せず、このプラグインをインストールする必要があるということですか?

「いいえ」の場合、上記のスクリーンショットで有効にしたダーク・ライトトグルは、どこで見つけられますか?

ありがとうございます。

その通りです。このテーマコンポーネントをテーマに含め、ページを保存して更新すると、ダーク/ライトモードを切り替えるアイコンが表示されるはずです。:slight_smile:

「いいね!」 3

すでにインストールされているようです。今インストールしようとしたところ、すでにインストールされていると表示されました。前のスクリーンショットで確認できるかと思います。

しかし、トグルオプションがまだありません。
image

トグルできるダークテーマが定義されていないのではないでしょうか?
その場合は、Dark/Light Mode Toggle の上記を参照してください。

「いいね!」 2

別の「テーマ」が必要ですか?デフォルトのテーマを使用しています。「ダークモード」に切り替えることは、こちらのようにできます。

ただし、トグルアイコンは、設定で「ダーク」を選択した場合にのみ表示されます。初めての訪問者にも左下にある月のアイコンが表示されるようにしたいのですが、可能でしょうか?

編集:この投稿の最後で解決しました。すべて私のせいでした!

「いいね!」 1

こんにちは。Discourseフォーラムのデフォルトテーマをダークテーマに設定したいのですが、ユーザーが希望に応じてライトテーマに切り替えられるオプションも提供したいと考えています。

質問ですが、フォーラムのカラースキームがユーザーのシステム設定に基づいて自動的に変更されないようにするにはどうすればよいでしょうか?デフォルトではダークテーマのままにしておき、ユーザーが手動で選択した場合にのみライトテーマに変更されるようにしたいのです。この設定方法について、何かご guidance をいただけると幸いです。

ありがとうございます!

最新のDiscourseアップデートでこのエラーが解消されることを期待していましたが、まだ残っています。

「いいね!」 3

セットアップ時にライトモードをオンにしていると、ページを更新するたびにダークモードが表示されます。毎回更新されますが、これを止めるにはどうすればよいですか? @jordan.vidrine

「いいね!」 2

セットアップの手順をすべて教えていただけますか?

オペレーティングシステムは自動、ダーク、ライトのいずれかに設定されていますか?

「いいね!」 4

こんにちは、3つ目のトグルは可能でしょうか?Twitterのライト、ディム、ダークのようなものです。

もし可能であれば、どのように追加すればよいでしょうか?

「いいね!」 1

サードトグルはありません。これを追加するには、このトピックのOPでリンクされているテーマコンポーネントにPRが必要です。

「いいね!」 3

Discourse を 3.2.0 にアップグレードした後、ログに次のエラーが表示されます。

Dark-Light Toggle テーマ/コンポーネントでエラーが発生しています:
TypeError: null のプロパティ ‘en’ を読み取れません

バックトレース:

TypeError: null のプロパティ 'en' を読み取れません
    at Object.initialize (https://site.com/theme-javascripts/56ff324506efb7c3883ba59ee00cc753852ee8cc.js?__ws=site.com:5:51)
    at n.initialize (https://site.com/assets/chunk.6d10396b901f5b95b67e.d41d8cd9.js:2:309459)
    at https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:141483
    at e.each (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:368590)
    at e.walk (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:367606)
    at e.each (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:366959)
    at e.topsort (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:367005)
    at e._runInitializer (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:141795)
    at e.runInitializers (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:141441)
    at e._bootSync (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:110927)
    at e.domReady (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:110503)
    at invoke (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:358129)
    at h.flush (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:357216)
    at p.flush (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:358979)
    at B._end (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:364062)
    at B._boundAutorunEnd (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:360486)
「いいね!」 2

このテーマコンポーネントの設定はいくつになっていますか?また、テーマコンポーネントは最新ですか?

「いいね!」 2

最新の状態です

「いいね!」 2

このエラーを再現するための手順を教えていただけますか?画面に何か表示されますか?それともコンソールのみですか?

「いいね!」 1

操作に視覚的な問題はありません。今のところ、コンソールログのみです。

「いいね!」 2