From 65ee4341cfa267dcc226cd8ba7e6def1c7dc9c3e Mon Sep 17 00:00:00 2001
From: Felix Eckhofer <felix@eckhofer.com>
Date: Tue, 20 Jan 2026 15:36:08 +0100
Subject: [PATCH] fix: Apply theme style to embedded diagram (#7903)

When diagrams are created with "adaptive colors" they automatically
change to light-/darkmode depending on the browser preference. This
leads to rendering problems when the settings in the browser differ
from the wiki.js theme setting.

Fixes #7677
---
 client/themes/default/scss/app.scss | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/client/themes/default/scss/app.scss b/client/themes/default/scss/app.scss
index ef18b535..d1aa2ce9 100644
--- a/client/themes/default/scss/app.scss
+++ b/client/themes/default/scss/app.scss
@@ -767,6 +767,16 @@
     svg:first-child {
       direction: ltr;
     }
+
+    // Apply color scheme from wiki.js
+    svg {
+      color-scheme: light !important;
+    }
+    @at-root .theme--dark & {
+      svg {
+        color-scheme: dark !important;
+      }
+    }
   }
 
   // ---------------------------------