CSSがダークテーマの追加機能を壊しています

開発
1

本番フォーラムにダークテーマを追加するのに苦労しています。サイトの一部の要素が白くなる理由がわかりません。テスト用のDiscourseを起動して再現することはできませんでしたが、ダークテーマを有効にした後の本番フォーラムでは次のようになります。

image
image1360×305 19.4 KB

CSS. クリックして表示

.page-not-found-search { display: none; }
.hamburger-panel ul.category-links li.subcategory {
display: none;
}
img[src*=‘#left’] {
float: left;
}
img[src*=‘#right’] {
float: right;
}
img[src*=‘#center’] {
display: block;
margin: auto;
}
.d-header-icons .icon:hover, .d-header-icons .icon:focus {
background-color: white;
}

.d-header-icons .d-icon {
color: white;
}

.d-header-icons .icon:hover .d-icon, .d-header-icons .icon:focus .d-icon {
color: #0082c9;
}

.drop-down-mode .d-header-icons .active .icon .d-icon {
color: #0082c9;
}

/* カテゴリリストでサブカテゴリを表示しない */
.category-list .subcategories {
display: none;
}

問題はCSSにあると思われるので、どのように変更できるか疑問に思っています。何かガイダンスがあれば教えてください。

「いいね！」 2
2

他にテーマやコンポーネントはありますか？

配色を変更するだけですか、それともCSSで変更しようとしていますか？

URLを共有していただけますか？

「いいね！」 2
3

image
image518×100 3.64 KB

これまでは配色をいじっていました。上記のリンクにある既存の CSS とテーマ設定をエクスポートして、自分のホームディスコースでテストしましたが、そのような問題には遭遇しませんでした。

afaik、このレベルのアクセス権を得るために、その特権を放棄しました。 :heart:

「いいね！」 1
4

解決しました。カスタムコンポーネントにカスタムCSS値が追加で記述されており、デフォルトだと思っていました。そのコンポーネントを削除したところ、すべて解決し、ダークテーマも完璧に動作しました。

@pfaffman、皆さん忙しい生活を送っていることは承知していますが、ご指導ありがとうございました。:heart:

「いいね！」 1
5

「バナーを白くする」だったのでしょう！

6

それは「フォント」でした :wink:

「いいね！」 1
7

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.