simonb
(Simon - Community Manager at Sphere )
1
みなさん、こんにちは!
Discourse Hub モバイルアプリの上部にあるナビゲーションボタンを色で設定できるかどうか、ご存知の方はいらっしゃいますか?それらはアプリ自体の一部なのか、それとも特定のフォーラムの一部なのか、はっきりしません。
ユーザーの一人が以下のスクリーンショットを送ってきました:
どうやら、ヘッダーの色がフォーラムからそのまま引き継がれているようです。
もし、そのナビゲーションアイコンを白にできる方法があれば素晴らしいのですが(フォーラム自体の検索とメニューについては既に白にしています)。
Hub アプリを通じていくつかの他のインスタンスを確認したところ、これらのアイコンは常に同じ色でした。そのため、ほとんどの人がデフォルトのままにしているか、Hub アプリを使っていないか、あるいは設定できないかのいずれかだと思います。
コミュニティメンバーの一人(偶然にも私自身ですが)が、この問題が私たちのコミュニティにも影響していると指摘してくれましたが、私たちは非常に異なる色を使用しています。
pmusaraj
(Penar Musaraj)
3
こんにちは、@simonb さん、@Robert_McIntosh さん、
はい、これらのアイコンの色は設定可能です。ただし、まずお伝えしたいのは、これらのアイコンのデフォルトの色は header_primary という色変数から派生していることです。Sphere コミュニティでは、テーマがその変数から生成される色を上書きしていますが、通常のヘッダーボタンに対してのみです(これは当然といえば当然で、iPad 用のナビゲーションは iPad でのみ表示されるためです)。
簡単な対処法としては、ヘッダーアイコンに使用している同じ CSS を DiscourseHub のナビゲーションアイコンにも追加する方法があります。その際、.footer-nav .d-icon 要素をターゲットにする必要があります。
より良い対処法は、テーマ内のその上書きを削除し、header_primary 色変数自体を変更することです。これにより、他のヘッダーテキスト(タイトルなど)にも影響が及びますが、機能するはずです。
結果を教えてくださいね。
simonb
(Simon - Community Manager at Sphere )
4
これではうまくいかないようです。検索やメニューオプションが再びグレーになってしまいました。私が間違っている可能性も十分にあります 
申し訳ありませんが、意味がわかりません!どのように修正すればよいのでしょうか?使用している水色は当社のブランドカラーなので、変更できません。
pmusaraj
(Penar Musaraj)
5
ご安心ください。お客様ですので、サイト内の SCSS を直接修正いたしました。ヘッダーの主要な色に関するカラー生成機能が、お客様のカラーテーマでは完全に機能しなかったため、オーバーライドを使用しました(この件については社内で課題を提起します)。
simonb
(Simon - Community Manager at Sphere )
6
@pmusaraj さん、本当にありがとうございます!とても感謝しています!