iOS 应用:某些配色方案中底部栏按钮可见性差

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

3 个赞

@pmusaraj any ideas?

2 个赞

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

对我来说仍然是一个问题

感谢提醒 @gingerbeardman,我注册了该网站以便测试。这并不是网站的默认主题,事实上该网站有多种色彩丰富的主题,我花了几分钟才找到这个特定主题。

不管怎样,您是否有可能向网站管理员提议对该主题进行一些细微的 CSS 调整?

他们可以修改 header primary 颜色变量,将其改为更浅的绿色。这也会影响页眉,但这会有所帮助,因为页眉中的按钮需要更高的对比度。

或者,如果他们必须保留页眉中按钮的颜色,他们可以增加底部栏背景的透明度(以匹配页眉),方法如下:

// 覆盖背景透明度,原始代码位于 footer-nav.scss
@supports (-webkit-backdrop-filter: blur(10px)) {
  body:not(.footer-nav-ipad) .footer-nav {
    background-color: $header_background;
  }
}

这将呈现如下效果(在我看来,对比度仍然不够):

2 个赞

哦!我没意识到还有这么多其他主题。我会试试别的。谢谢。

也许解决方案是保留颜色,但应用一些 CSS 滤镜来改变它,而不是使用透明度混合?