自動ダークモード配色切り替え

Discourse サイトを、ユーザーのデバイスがダークモードになっている場合に自動的に色テーマを切り替えるように設定できるようになりました。すぐにプレビューをご覧になりたい場合は、try.discourse.org インスタンスにアクセスし、お使いのデバイスのダークモードをオン/オフして、この新機能を動作確認してください。(この機能は meta では有効になっていません。)

自動ダークモードの有効化

お使いのインスタンスでこの機能を有効にするには、サイト設定でダークモードの色テーマを選択してください。

この設定を適用した後、ダークモードになっているデバイスでサイトを再読み込みすると、ダークカラーテーマが適用されているのが確認できるはずです。

明るいテーマでは問題なくても、ダーク背景ではロゴの表示が適切でない場合、コア機能で利用できるようになった新しい設定から代替ロゴをアップロードできます。

これらの設定でアップロードしたファイルは、a) 自動ダークモード切り替えが有効でユーザーのデバイスがダークモードの場合、または b) ユーザーがダークテーマを使用している場合(ダークモードでなくても可)に、同じ名前の通常の設定を置き換えます。以前 https://meta.discourse.org/t/alternative-logos-for-dark-light-themes/88502 を使用していたサイトは、コアのサイト設定を使用するように切り替え、そのコンポーネントを削除できます。

ブラウザがダークモードになっている場合に自動的にダークカラーテーマに切り替えたくないユーザーもいるかもしれません。そのような場合は、[環境設定] > [インターフェース] 画面で「自動ダークモードカラーテーマを有効にする」オプションのチェックを外すことで、この機能を無効にできます。


ユーザー選択式カラーテーマピッカー

この機能を使用するには、まずサイトで複数のカラーテーマを作成し、ユーザーが選択可能にマークする必要があります。

設定が完了すると、ユーザーは [環境設定] > [インターフェース] ページに 2 つのドロップダウン表示を確認できます。

詳細については、Update themes and plugins to support automatic dark mode もご覧ください。

「いいね!」 56