如何更改 apache 超集图表背景颜色？

Question

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

Answer 1

免责声明：这应该可行，但有点老套，可能会对长期支持产生影响：

我一直在摆弄一个“黑暗模式”仪表板，只是为了在这上面踢轮胎。这是一个截图，只是为了好玩：

那么……我做了什么？

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

如果可视化组件使用 SVG，您可以非常聪明地检查/覆盖各种位。上面的几个问题：

1. 如果可视化组件包含多个 SVG 元素，这可能会产生副作用。
2. 如果可视化项使用 canvas 而不是 svg，您会遇到更多麻烦

在最坏的情况下，您可能需要查看 superset-ui-plugins 存储库并进行调整。这个开发过程并不是特别简单，但我们中的一些人正在努力改进它。

Answer 2

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