Discourse無料プランの設定 - オプションが読みにくい

Discourse Freeプランのセットアップページでは、オプションが読みにくいです。

「いいね!」 6

@derek このページを見つけようとしましたが、きっとあなたの方が速いでしょう

「いいね!」 2

@NateDhaliwalさん、こんにちは!ダークモードのMacOSでChrome、Safari、FFでは再現できませんでした。

しかし、これらのトグルについてダークモードの背景でCSS変数が不足しているのを見つけました。これが原因かもしれません。修正をプッシュしました。

「いいね!」 4

こんにちは @derek さん、Chrome、Windows 10 でまだこの件を報告しています。

これはキャッシュの問題ではないと確信していますか?ハードリロード(Ctrl+Shift+R)は試しましたか?ダークリーダーはインストールしていますか?

はい、それを試しましたが、変更はありませんでした。ブラウザのコンソールにエラーはありません(そこに表示されるとは思えませんが)。

携帯電話(iOS/Orion)で確認したところ、意図したとおりに見えます。サイトの /wizard に、できれば以前にアクセスしたことのない別のブラウザでアクセスしてみてください。

「いいね!」 1

@NateDhaliwal Windows 10上のChromeで試しましたが、再現できませんでした。ローカルで発生していますか、それともホストされているインスタンスで発生していますか?

DevTools(右クリック → 検証)でトグル要素を調べて、スタイルペインに何が表示されるか共有していただけますか?

「いいね!」 1

スタイルを確認したところ、ここが重要な部分のようです。

--1e94960e-csstools-light-dark-toggle--2 変数がここで背景色を制御しています。

私が理解したところでは、--wizard-primary-900 変数と --csstools-color-scheme--light 変数の定義は次のようになっています。

image

background-color を変更したり、変数を追加して greenyellow のようなランダムな色を設定したりすると、より「正しく」見えます(ただし、正直なところ、なぜ緑や黄色が表示されないのかわかりません。構文が間違っているのだと思います)。

「いいね!」 3

@NateDhaliwal、詳細をありがとうございます。私の推測では、ライト/ダークモードが関わる欠落しているCSS変数と、それがPostCSS経由でコンパイルされる方法に関連していると思われます。ブラウザがライトモードの背景色にフォールバックしているようですが、これは再現できないため奇妙です。

スクリーンショットから判断すると、私の修正はまだあなたのインスタンスにデプロイされていませんでした。現在デプロイされているはずですので、もう一度試してみて、まだ何かおかしい点がないか教えてください。

「いいね!」 1