このコンポーネントは大好きです！
ただ、少し問題が発生しています。
「ダークモードカラースキームを自動的に有効にする」オプションが有効な場合にのみ、コンポーネントが機能するように見えます。私の問題は、このオプションが有効で、システム設定がダークモードに設定されている場合（つまり、preferred color scheme: dark）に発生します。
このシナリオでは、[Preferences > Interface > Theme] からライトテーマに切り替えようとしても何も起こりません。これは私にとっては問題ありません。おそらく、システム設定がすでにダークモードに設定されているため、Discourseでライトモードに切り替えても上書きされないのでしょう。
Dark / Light Mode Toggle コンポーネントで同じことを行うと、Discourse のテーマ設定がダークモードに設定されていても、トグルはライトモードに切り替えることができます（これは私の見解ではさらに良いことです）。ただし、ヘッダーのサイトロゴはダークモードのままで、ライトモードでは見えにくくなります。インスペクターを見ると、要素は次のようになっていることがわかります。
<div class="title"><a href="/" data-auto-route="true"><picture><source srcset="<link to image>" media="(prefers-color-scheme: dark)"><img src="<link to image>" id="site-logo" class="logo-big"></picture></a></div>
現在ライトモードに切り替えているにもかかわらず、media=“(prefers-color-scheme: dark)” の部分があることに気づきました。
「ダークモードカラースキームを自動的に有効にする」オプションがチェックされていない場合、サイトロゴは通常、ライトモードとダークモードの間で正常に切り替わることを付け加えておくべきです。しかし、これにより Dark / Light Mode Toggle が表示されなくなります🤷🏻♂️
また、Discourse の [Preferences > Interface > Theme] でテーマ設定がダークモードに設定されており、システム設定もダークモードの場合、トグルはライトモードとダークモードの間で切り替わりません。常にダークテーマのままです。
理想的には、Dark / Light Mode Toggle コンポーネントが現在のように機能し、ヘッダーのサイトロゴがユーザーのシステム設定ではなく、現在アクティブなライト/ダーク設定に従うようにしたいと考えています。