如何更改Apache Superset图表的背景颜色？

Question

每个How to Change Apache Superset Template from the Superset User Interface?都可以更改Superset仪表板的CSS模板。但是仪表板内部的图表不受影响。例如大多数图表都有白色背景（例如Piechart），有些人不喜欢它。如何更改图表背景色？我的意思是更改所有图表或一张图表。

Answer 1

免责声明：这应该可以，但是有点不安全，可能会带来长期的支持影响：

我一直在摆弄“暗模式”仪表板，只是为了解决这个问题。这是一个有趣的屏幕截图：

那么...我做了什么？

1. 点击屏幕截图右上角的“编辑仪表板”
2. 在编辑模式下，右上角的菜单具有“编辑CSS”选项。
3. 使用浏览器的检查器进行破解！也就是说，这里有几个关键要素：
   • .dashboard-component{ background: whatever}-设置每张Viz卡的主要背景，但是您仍然会看到在这些包装中许多组件仍然具有白色背景。
   • .slice_container svg{ background-color: transparent !important; }-这会覆盖我遇到的组件的白色背景（包括饼图！）。

如果viz组件使用SVG，则可以通过检查/覆盖各种位而变得非常聪明。上面有几个陷阱：

1. 如果viz组件包含多个SVG元素，则可能会有副作用。
2. 如果viz使用canvas而不是svg，您会遇到更多麻烦

在最坏的情况下，您可能需要检出superset-ui-plugins回购并进行调整。这个开发过程并非超级简单，但是我们中的一些人正在努力改善它。

Answer 2

对我来说，最简单的解决方案是使用dark reader扩展名。