深色模式选择器背景颜色

只有在自托管时才能更改图标吗?这些图标带有背景,与我的背景颜色不匹配。删除 SVG 背景会更好看。

1 个赞

SVG 图标应遵循用户的调色板。如果您可以访问您网站上的组件,则可以在主题组件中更改图标本身。您能否分享更多关于您问题的详细信息,或许附带截图?另外,您能否确认您已在设置中正确设置了浅色和深色模式?

3 个赞

谢谢,看起来是这样的:

我意识到这与按钮的状态有关。如果我点击页面背景的某个地方,它看起来就很漂亮,灰色方块消失了,月亮的颜色与放大镜相同。我尝试更改主题中的颜色,但找不到控制这个的颜色。

我现在将保留它,以便您可以看到:

另外,我想将图标更改为 circle-half-stroke,但我的尝试并不成功。

2 个赞

我明白你的意思了。我录制了一个小小的屏幕录像来演示一下。

同样的事情也发生在我的网站上(以及在这里的元社区),即使侧边栏上有选择器。碰巧它没那么难看,因为颜色更接近,而且按钮不像你那样在页眉中那么显眼。

这可能是一个相当小的设计修复,可以防止这种情况发生,我同意这是一个好主意。

3 个赞

我认为目前没有编辑图标的设置。有一个设置可以确保使用的图标已加载,但图标不可自定义,除非分支组件或添加自定义设置。

1 个赞

这很有趣。我想知道 svg icons 设置是做什么的?我尝试将其更改为侧边栏中使用的 SVG 图标,例如 circlecircle-half-stroke,但这只会导致太阳图标不显示。月亮图标仍然显示。

1 个赞

它添加了图标。该设置对于管理员可以选择图标的组件很有用,例如自定义页眉图标。在那里,您可以使用该设置添加要使用的图标,以便它们被加载。
我认为当您无法自定义图标时,也可以在 about.json 中添加它们。但我仍在学习主题的工作原理。

1 个赞

我轻松地将论坛的太阳和月亮替换成了阴阳符号,方法是在组件的 edit / css 的 head 标签中加入以下代码(我还将机器人图标替换成了闪电图标)。

<script type="text/discourse-plugin" version="0.8"> 
  
  api.replaceIcon('robot', 'bolt');
  api.replaceIcon('sun', 'yin-yang');
  api.replaceIcon('moon', 'yin-yang');

</script>


我只是觉得这样做更简单。 :thinking:

1 个赞