カラーパレットの問題

こんにちは。ウェブサイトでミントテーマを使用しており、色の問題が発生しています。上部にダーク/ライトモードボタンがありますが、ボタンの背景色を変更すると、ボタンの色も変更されてしまい、「dark/light」という文字が見えなくなってしまいます。
写真でご覧のとおり、空に見えますが、実際には「dark、light、auto」と表示された3つの異なるボタンがあり、背景色と文字色が同じであるため、見えなくなっています。

「いいね!」 2

update:まだ同じ問題が発生しています…誰か助けてもらえませんか?

こんにちは、ようこそ!
色を変更するためにカスタムCSSを追加したということでしょうか? 変更内容を共有していただけますか?

また、このフォーラムでのダーク/ライト切り替えに関する最近の話題では、それが機能するためには、設定でライトダークの両方のカラーパレットを構成する必要があることが指摘されています。

こんにちは、ありがとうございます!いいえ、何も追加していません。ミントテーマを使用しています。ダーク/ライト/オートボタンの色と背景が同じなので、見えないように見えます。たとえば、ボタンの色を変更すると、ボタンの背景にも影響します。

「いいね!」 1

デフォルトのダークモード配色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);
    }
}
「いいね!」 3

ああ、それは少し複雑ですね。処理させてください :smiley:

「いいね!」 2

これはデザインチームのコアの問題のようですので、UXカテゴリに移動しました。

「いいね!」 4

どうもありがとうございます!

「いいね!」 3

更新:ボタンが消えました。UXチームが対応中ですか? :smiley:

「いいね!」 1

こんにちは。

お待たせして申し訳ありません。btn-default クラスは実際には不要で、問題の原因となっていました。

修正済み

「いいね!」 1

このトピックは4日後に自動的に閉じられました。返信はもう受け付けられません。