ダークモードのタグバナープラグインとマテリアルテーマ

こんにちは、

タグバナープラグインを使用しています。このプラグインは、すべてのバナーの背景色を primary-very-low にハードコーディングしており、ダークモードではテキスト色と同じ色になってしまいます。標準の Material テーマでは、ダークモード時に暗色に切り替わる var(--secondary) が正しく使用されています。タグバナーの背景を修正する簡単な方法はありませんか?

基本的には、レンダリングされた CSS が以下のように変更されることを望んでいます。

 .tag-title-header {
-  background: #f8f8f8;
+  background-color: var(--secondary);
 }

よろしくお願いいたします。

タグのバナースタイルを変更する方法については、こちらで説明されています:Tag Banners

サイトの CSS エディターから背景色を変更できます。admin/customize/themes/1/common/scss/edit に移動し、そこに CSS を追加してください:

例えば、以下のように記述しました:

[class*="tag-title-header"][class*=" tag-banner-"] {
  background-color: var(--secondary);
}

属性セレクターを使用することで、すべてのタグの背景色を変更できます。ただし、クラスにタグ名を指定すれば、特定のタグのみ背景色を変更することも可能です。

テーマ自体でもこの問題を修正すべきですね。もう CSS 変数に対応していますし :slight_smile:

ありがとうございます!ローカルのテーマコンポーネントを作成し、そこで CSS を変更しました!