[pango/matthiasc/for-main: 19/19] docs: Add one more dark mode image

[Matthias Clasen <matthiasc src gnome org>]

commit 0e8967128275c2b4667650f8ebd70b1f0f07d9cf
Author: Matthias Clasen <mclasen redhat com>
Date:   Sun Aug 8 23:26:51 2021 -0400

    docs: Add one more dark mode image

 docs/layout-dark.png  | Bin 0 -> 26365 bytes
 docs/layout-light.png | Bin 0 -> 24670 bytes
 docs/meson.build      |   3 ++-
 docs/pango.toml.in    |   3 ++-
 pango/pango-layout.c  |   5 ++++-
 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
Binary files /dev/null and b/docs/layout-dark.png differ
diff --git a/docs/layout-light.png b/docs/layout-light.png
new file mode 100644
index 00000000..0a0d4e2a
Binary files /dev/null and b/docs/layout-light.png differ
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: