こんにちは。ウェブサイトでミントテーマを使用しており、色の問題が発生しています。上部にダーク/ライトモードボタンがありますが、ボタンの背景色を変更すると、ボタンの色も変更されてしまい、「dark/light」という文字が見えなくなってしまいます。
写真でご覧のとおり、空に見えますが、実際には「dark、light、auto」と表示された3つの異なるボタンがあり、背景色と文字色が同じであるため、見えなくなっています。
update:まだ同じ問題が発生しています…誰か助けてもらえませんか?
こんにちは、ようこそ!
色を変更するためにカスタムCSSを追加したということでしょうか? 変更内容を共有していただけますか?
また、このフォーラムでのダーク/ライト切り替えに関する最近の話題では、それが機能するためには、設定でライトとダークの両方のカラーパレットを構成する必要があることが指摘されています。
こんにちは、ありがとうございます!いいえ、何も追加していません。ミントテーマを使用しています。ダーク/ライト/オートボタンの色と背景が同じなので、見えないように見えます。たとえば、ボタンの色を変更すると、ボタンの背景にも影響します。
デフォルトのダークモード配色IDサイト設定で何が指定されていますか? mint-dark になっているはずです。
私の見たところ、コアの d-menu CSS がテーマのボタンのスタイルを上書きしています。なぜなら、より高い特異性を持っているからです。
しかし、それが必ずしも問題ではありません。
Mint テーマは、デフォルトのボタン(btn-default クラス)に特定のスタイルを使用しています。
そして、セレクトメニューのドロップダウンアイテムは、btn-default を持つボタンを使用しています。
コアコードでそのクラスを指定する必要があるかどうか疑問です。ユーティリティを提供しているようには見えませんが、間違っている可能性もあります。
それがない場合:
あるいは、テーマがコア機能をサポートする必要があるのかもしれません。
.interface-color-selector-content .btn-default {
color: var(--primary);
border: none;
transition: none;
text-transform: none;
.d-icon {
color: var(--primary-high);
}
}
ああ、それは少し複雑ですね。処理させてください ![]()
これはデザインチームのコアの問題のようですので、UXカテゴリに移動しました。
どうもありがとうございます!
こんにちは。
お待たせして申し訳ありません。btn-default クラスは実際には不要で、問題の原因となっていました。
修正済み
このトピックは4日後に自動的に閉じられました。返信はもう受け付けられません。




