Fix diagrams in Dark mode. Fixes #520

enricoros · May 2, 2024 · 6b31669 · 6b31669
1 parent 26d72fc
commit 6b31669
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/modules/blocks/code/RenderCode.tsx b/src/modules/blocks/code/RenderCode.tsx
@@ -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) */}