docs: Add one more dark mode image

5 files changed, 8 insertions, 3 deletions

diff --git a/docs/layout-dark.png b/docs/layout-dark.png
new file mode 100644
index 00000000..279b7eaf
--- /dev/null
+++ b/docs/layout-dark.png
diff --git a/docs/layout-light.png b/docs/layout-light.png
new file mode 100644
index 00000000..0a0d4e2a
--- /dev/null
+++ b/docs/layout-light.png
diff --git a/docs/meson.build b/docs/meson.build
index 21230ddd..37a2a9b3 100644
--- a/docs/meson.build
+++ b/docs/meson.build
@@ -6,7 +6,8 @@ pango_content_files = [
   'pango_fonts.md',
   'pango_bidi.md',
   'pango-name.png',
-  'layout.png',
+  'layout-light.png',
+  'layout-dark.png',
   'pipeline-light.png',
   'pipeline-dark.png',
   'rects1.png',
diff --git a/docs/pango.toml.in b/docs/pango.toml.in
index 95143360..4317adf4 100644
--- a/docs/pango.toml.in
+++ b/docs/pango.toml.in
@@ -66,7 +66,8 @@ content_files = [
 
 content_images = [
   "pango-name.png",
-  "layout.png",
+  "layout-light.png",
+  "layout-dark.png",
   "pipeline-light.png",
   "pipeline-dark.png",
   "rects1.png",
diff --git a/pango/pango-layout.c b/pango/pango-layout.c
index 2a3cb5a2..bf9be496 100644
--- a/pango/pango-layout.c
+++ b/pango/pango-layout.c
@@ -43,7 +43,10 @@
  * `PangoLayout`. The following image shows adjustable parameters
  * (on the left) and font metrics (on the right):
  *
- * ![Pango Layout Parameters](layout.png)
+ * <picture>
+ *   <source srcset="layout-dark.png" media="(prefers-color-scheme: dark)">
+ *   <img alt="Pango Layout Parameters" src="layout-light.png">
+ * </picture>
  *
  * The following images demonstrate the effect of alignment and
  * justification on the layout of text: