Fix diagrams in Dark mode. Fixes #520

2026-05-10 21:50:14 -07:00 · 2024-05-01 22:54:53 -07:00
parent 26d72fc2d8
commit 6b31669765
1 changed files with 4 additions and 0 deletions
@@ -182,6 +182,10 @@ function RenderCodeImpl(props: RenderCodeImplProps) {
          minWidth: 160,
          '&:hover > .overlay-buttons': { opacity: 1 },
          ...(props.sx || {}),
+          // fix for SVG diagrams over dark mode: https://github.com/enricoros/big-AGI/issues/520
+          '[data-joy-color-scheme="dark"] &': (renderPlantUML || renderMermaid) ? {
+            backgroundColor: 'neutral.300',
+          } : {},
        }}>

        {/* Markdown Title (File/Type) */}