Enable dark-mode for SVG image

codee-com · Nov 12, 2024 · 4bf764f · 4bf764f
1 parent 6c23e79
commit 4bf764f
Show file tree

Hide file tree

Showing 4 changed files with 171 additions and 5 deletions.
diff --git 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
@@ -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;
+}