diff --git a/Glossary/Row-major-and-column-major-order.md b/Glossary/Row-major-and-column-major-order.md
index 61d4b96..4943208 100644
--- a/Glossary/Row-major-and-column-major-order.md
+++ b/Glossary/Row-major-and-column-major-order.md
@@ -3,7 +3,8 @@
In computing, row-major order and column-major order are methods for storing
multidimensional arrays in memory.
-![Row-major and column-major memory layout diagram](../static/img/Row-major_column-major.svg)
+![Row-major and column-major memory layout diagram](../static/img/Row-major_column-major.svg#gh-light-mode-only)
+![Row-major and column-major memory layout diagram](../static/img/Row-major_column-major-dark.svg#gh-dark-mode-only)
Memory layout, together with
[memory access pattern](Memory-access-pattern.md), is very important
diff --git a/static/css/custom.css b/static/css/custom.css
index 7ea7cc9..897dfb2 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -74,3 +74,9 @@ ol>li::marker {
th {
white-space: nowrap;
}
+
+/* https://docusaurus.io/docs/markdown-features/assets#github-style-themed-images */
+[data-theme='light'] img[src$='#gh-dark-mode-only'],
+[data-theme='dark'] img[src$='#gh-light-mode-only'] {
+ display: none;
+}
diff --git a/static/img/Row-major_column-major-dark.svg b/static/img/Row-major_column-major-dark.svg
new file mode 100644
index 0000000..f6f6ac9
--- /dev/null
+++ b/static/img/Row-major_column-major-dark.svg
@@ -0,0 +1,159 @@
+
+
+
diff --git a/static/img/Row-major_column-major.svg b/static/img/Row-major_column-major.svg
index 66a406d..34cd70c 100644
--- a/static/img/Row-major_column-major.svg
+++ b/static/img/Row-major_column-major.svg
@@ -1,5 +1,5 @@
-
+