iOSアプリ：一部のカラーテーマで下部バーのボタンが見えにくい

貢献 UX
1

I find it difficult to see the button bar buttons on the below discourse. Maybe the colour of the icon could be defined in a different way?

selectbutton.net

image
image750×1334 83.9 KB

「いいね！」 3
2

@pmusaraj any ideas?

「いいね！」 2
3

Also, the left/right icons seem to be a different colour - even less visible - than the link/down icons?

edit: ah, the different colours denote enabled/disabled

4

まだ私にとって問題です

5

@gingerbeardman さん、リマインダーありがとうございます。この機能をテストするために、サイトに登録しました。これはサイトのデフォルトテーマではなく、実際にはこのサイトにはいくつかのカラフルなテーマがあり、この特定のテーマを見つけるのに数分かかりました。

とにかく、サイト管理者に対して、このテーマ用の控えめな CSS 変更を提案していただくことは可能でしょうか？

header primary 色変数を修正し、より明るい緑色に変更することができます。これによりヘッダーにも影響しますが、それは有用でしょう。ヘッダー内のボタンは、もう少しコントラストが欲しいところです。

あるいは、ヘッダー内のボタン色を維持する必要がある場合は、以下のコードを使用して、下部バーの背景の不透明度を（ヘッダーに合わせるように）増やすことができます：

// 背景の不透明度を上書き（元々は footer-nav.scss に記載）
@supports (-webkit-backdrop-filter: blur(10px)) {
  body:not(.footer-nav-ipad) .footer-nav {
    background-color: $header_background;
  }
}

これにより、以下のようになります（それでもコントラストは十分ではないと思いますが）：

image
image738×884 90.7 KB

「いいね！」 2
6

あっ！こんなに多くのテーマがあるとは気づきませんでした。別のものを試してみます。ありがとう。

もしかしたら、色そのものを使う代わりに、CSS フィルターを適用して色を変更する方が解決策になるかもしれませんね？アルファ透明度の調整ではなくて。