diff --git a/docs/reference/gio/gio.toml.in b/docs/reference/gio/gio.toml.in
index d9c8a8362..cd62a1691 100644
--- a/docs/reference/gio/gio.toml.in
+++ b/docs/reference/gio/gio.toml.in
@@ -67,5 +67,6 @@ content_files = [
content_images = [
"gvfs-overview.png",
"menu-example.png",
- "menu-model.png",
+ "menu-model-dark.svg",
+ "menu-model-light.svg",
]
diff --git a/docs/reference/gio/menu-model-dark.svg b/docs/reference/gio/menu-model-dark.svg
new file mode 100644
index 000000000..b08ceea6b
--- /dev/null
+++ b/docs/reference/gio/menu-model-dark.svg
@@ -0,0 +1,453 @@
+
+
+
+
+
+
diff --git a/docs/reference/gio/menu-model-light.svg b/docs/reference/gio/menu-model-light.svg
new file mode 100644
index 000000000..3200c02f9
--- /dev/null
+++ b/docs/reference/gio/menu-model-light.svg
@@ -0,0 +1,453 @@
+
+
+
+
+
+
diff --git a/docs/reference/gio/menu-model.png b/docs/reference/gio/menu-model.png
deleted file mode 100644
index a4d9f1130..000000000
Binary files a/docs/reference/gio/menu-model.png and /dev/null differ
diff --git a/gio/gmenumodel.c b/gio/gmenumodel.c
index 77c4dadca..2dd5daa0f 100644
--- a/gio/gmenumodel.c
+++ b/gio/gmenumodel.c
@@ -69,7 +69,10 @@
*
* ## A menu example
*
- * 
+ *
+ *
+ *
+ *
*
* Notice that the separators visible in the [example](#an-example-menu)
* appear nowhere in the [menu model](#a-menu-example). This is because