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

テーマコンポーネント
,
141

うーん、どうやっても発生させることができません。:cry: すみません。

「いいね！」 2
142

こんにちは、翻訳をマージしていただけますか？ Add Arabic translation by jermanuts · Pull Request #37 · discourse/discourse-color-scheme-toggle · GitHub

作成していただきありがとうございます :heart:

「いいね！」 4
143

こんにちは。Chromiumベースのブラウザ（Google Chromeではありません）でPCを使用している際に、ダークモードがページを更新しても維持されない理由や、クリックしても機能しないことが多い理由について、何かご存知でしょうか？
すべて正しく設定されているのですが、なぜ維持されなかったり、多くの場合切り替えができなかったりするのか全く分かりません。

「いいね！」 1
144

なぜか私のインスタンスでは、ボタンが左下の最も端に表示されません。

image

Metaの場合：
image

デフォルトのテーマで、このコンポーネントのみを有効にし、他のカスタムCSSは一切使用せずに試していますが、何か見落としていることはありますか？

セーフモードでも、すべてのプラグインを無効にし、デフォルトのテーマとこのコンポーネントのみを使用しても、トグルボタンは同じ場所にはありません。

「いいね！」 1
145

ちなみに、Metaでもこの問題が発生していることに気づきました（自分のインスタンスでしばらく前から気づいていましたが、自分だけだと思っていました）。

これは、システムスキーマと一致しないようにスキーマが手動で変更された場合に発生します（私の知る限り）。リフレッシュすると修正されますが、ランダムにロゴがボタンで手動で変更されたモードを無視して「システム」の色に戻ります。

image
image1152×300 23.8 KB

「いいね！」 2
146

Chrome のダークモードでバグがあるようです。（上記で議論されているのを見ました）

再現方法：

  • Discourse 3.2.1

  • 個人設定 > カラー スキーム：通常はライトテーマ、ダークモード：通常と同じ

  • Chrome がシステムテーマを使用する（システムが夜間に自動的にダークモードに切り替わる）
    夜間、システムがダークモードに切り替わると、Chrome もダークモードになります。

上記の場合、夜間にはスイッチャーボタンが機能しません。
日中は正常に動作しますが、
上記で議論されているように、「通常と同じ」にダークモードが設定されているためですが、
日中にダークモードに切り替わるのはなぜでしょうか？

「いいね！」 1
147

トグル後に別のボードに入ると、サイトロゴがトグルされたモードに合わせて一時的に変更されません

「いいね！」 1
148

皆さん、トグルを追加する方法を教えていただけますか？
このガイドを使用していますが、トグルが表示されません。テーマにはすでにインストールしましたが、ヘッダーやフッターのどこにも表示されません。

image
image1024×713 62.3 KB

「いいね！」 1
149

最初の投稿の指示に従いましたか？ユーザーが選択できる2つのカラースキームがあり、デフォルトのダークカラースキームを設定しましたか？

「いいね！」 3
151

デバッグに何時間も費やした後、ようやくこの問題を解決することができました。Sidebar Theme Toggle を削除して再インストールしたところ、解決しました！

「いいね！」 2
152

Interface設定を操作する必要があるユーザーを助けるために、ライトモードをデフォルトにすると、トグルが無効になる問題（ログインしていないユーザーの場合も同様）が解決されると考えられます。

image
image636×400 21.8 KB

「いいね！」 2
153

4件の投稿が新しいトピックに分割されました：ダーク/ライトモードの切り替え時に一部のケースで間違ったロゴが表示される

155

投稿が新しいトピックに分割されました：ブランドロゴと自動ダークモードスキームの問題

156

2件の投稿が新しいトピックに分割されました：ダークモードセレクターの背景色

157

デフォルトのスキームをダークモードに設定すると、このコンポーネントが機能しないと確信しています。

ダークモードをデフォルトのままにして、ユーザーが希望する場合にライトモードに切り替えられるようにするために、何かできることはありますか？

「いいね！」 1
158

デフォルトをライト、ダークをダークに設定し、その後ユーザーは自分のデバイスで使用しているものを期待通りに取得しますか？ユーザーがライトを使用する場合、そのユーザーはダークではなくライトを見ることを期待しています。もちろん、ダークの場合も同様です。ユーザーの選択を尊重することは常に良い方針です :smirking_face:

「いいね！」 2
159

しかし、私のデフォルトテンプレートはダークモードでなければなりません。私の色はダークであり、ダークのままでなければなりません。「ユーザーを尊重する」ためにこれを変更するつもりはありません。私のテンプレートは私が想像するスタイルであるべきであり、ライトモードは追加オプションとして提供したいだけです。

これが不可能であれば、問題ありません :smiley:

160

要するに、あなたが望むからといってユーザーの設定を壊したいということですか？ライトパレットもあるので、その理由がよくわかりません。そして、あなたのテーマがそれを使用できない場合、それはDiscourseがライトモードとダークモードをどのように処理するか、またはユーザーがあなたとは異なる好みを持っているかではなく、あなたのデザインの問題です。

それとも何か誤解しましたか🤔

Discourseではかなりのことができます。しかし、デバイス上のユーザーの設定を過剰に処理し、管理者やデザイナーとしてあなたが望むものをさらに上書きするオプションを残すことは、既製品では見つけられないと確信しています。

もっと詳しい人が意見をくれると確信しています。

私の言いたいことは、それをしないでくださいということです。それは単に悪いデザインであり、悪いユーザーエクスペリエンスです。

「いいね！」 2
161

その通りです！

私の疑問は、テンプレート/スタイルがダークモードである間、ライトモードに変更する方法があるかどうかということです。

しかし、気にしないでください。別の方法を試してみます。

「いいね！」 1
162

テーマの背景画像をCSSに追加することで変更できます。

image
image616×434 18.8 KB

ダークモードで別の画像を使用するには、CSSセレクターを使用できますか？
試してみました。

body .dark {
    background-image: url('https://www.myracedata.com/images/sebring.jpg');
    background-repeat: repeat-y;
    background-size: 100%;
}

コンポーネントのgitリポジトリを調べました。
すみません、ここに不慣れなもので。
アンディ