問題タブ [darkmode]

以下を使用してダークモードを実装しました。

これは Application クラスの作成中 (およびユーザーがアプリの設定でモード間をスワイプしたいとき) に適用されます。

電話モードに引き続き従う 1 つのドローアブルを除いて、すべて正常に動作します。アプリを初めて起動すると、drawable は light フォルダーに取り込まれますが、携帯でダークモードをオン -> オフ -> オンにしてからアプリを再起動すると、今度はdrawable が黒くなり、他のすべてがライトモードであっても。

リンクされているかどうかはわかりませんが、png、hdpi、mdpi、xhdpi、xxhdpi、およびxxxhdpi（ライトモードとダークモードの両方）にある唯一のドローアブルの1つです

このドローアブルに SVG を使用できません。解決策が見つかりませんでした。

私のアプリのテーマは Theme.AppCompat.DayNight.DarkActionBar です

私のアプリがダークモードで電話がライトモードの場合、ドローアブルはライトになります。

「ダーク モード」アドオンを作成したいのですが、ダーク CSS をすばやく適用できないという問題があります。Web ページをリロードすると、白い背景が 1/2 秒間読み込まれ、暗い CSS が読み込まれます。それは問題にはなりませんが、夜になると、ページをリロードするたびにモニターが点滅します (これはユーザー エクスペリエンスとしては良くありません)。これは私がこれまでに持っているものです: マニフェスト (スクリプトの読み込み部分):

これはcontent.jsです

念のため、すべてのページ読み込み段階で「addClass」を追加しました。最初のものは問題なく動作しますが、問題は、DOM が十分に速くロードされないために、コードのその行が実行されないことがあることです。

style.css ファイル内で、次のように css を使用してスタイルを変更しています。

ページが読み込まれるとすぐにウェブサイトの背景を黒に変更する必要があるだけなので、最初は白いフラッシュがありません。CSS の残りの部分は 0.5 秒後にロードできますが、問題ありません。

だから私はダークモードで実装しようとしているdatePickerを持っています - それにはいくつかのグラフィカルな不具合があります - つまり、カレンダーで選択された日付には白いテキストカラーがあります。これを修正する方法はありますか? 問題のある領域を赤い丸で強調表示しました。基本的には、トグルの色を変更し、今日の日付 (選択されている場合) を黒の textColor に変更できるようにする必要があります。

誰でもこれを解決する方法について何か考えがありますか?

システムのデフォルトに基づいて、tailwind を使用してダーク モードを有効にしようとしています。

これを達成するために、プラグインを使用しています: Tailwind dark mode。

Tailwind の構成失敗は次のとおりです。

そして、私のhtmlファイルに次を追加しています：

プラグインはダーク モードをチェックしますが、テキストが黄色にならず、黒のままです。

なぜそれが機能しないのか誰かが知っていますか？