diff --git a/docs/guides/frameworks/megengine/megengine_mnist.md b/docs/guides/frameworks/megengine/megengine_mnist.md
index a2f000e3..a9f7e0ee 100644
--- a/docs/guides/frameworks/megengine/megengine_mnist.md
+++ b/docs/guides/frameworks/megengine/megengine_mnist.md
@@ -17,7 +17,8 @@ The example script does the following:
 ClearML automatically logs command line options defined with `argparse`. They appear in the task's **CONFIGURATION** 
 tab under **HYPERPARAMETERS** **>** **Args**.
 
-![Configuration tab](../../../img/examples_megengine_mnist_config.png)
+![Configuration tab](../../../img/examples_megengine_mnist_config.png#light-mode-only)
+![Configuration tab](../../../img/examples_megengine_mnist_config_dark.png#dark-mode-only)
 
 ## Scalars
 
@@ -28,7 +29,8 @@ These scalars can be visualized in plots, which appear in the ClearML [WebApp](.
 task's **SCALARS** tab.
 
 
-![Scalars tab](../../../img/examples_megengine_mnist_scalars.png)
+![Scalars tab](../../../img/examples_megengine_mnist_scalars.png#light-mode-only)
+![Scalars tab](../../../img/examples_megengine_mnist_scalars_dark.png#dark-mode-only)
 
 ## Models
 
@@ -36,7 +38,8 @@ ClearML automatically captures the model logged using the `megengine.save` metho
 
 View saved snapshots in the task's **ARTIFACTS** tab.
 
-![Artifacts tab](../../../img/examples_megengine_models_1.png) 
+![Artifacts tab](../../../img/examples_megengine_models_1.png#light-mode-only)
+![Artifacts tab](../../../img/examples_megengine_models_1_dark.png#dark-mode-only) 
 
 To view the model details, click the model name in the **ARTIFACTS** page, which will open the model's info tab. Alternatively, download the model.
 
@@ -45,11 +48,13 @@ The model info panel contains the model details, including:
 * Framework
 * Snapshot locations.
 
-![Model info panel](../../../img/examples_megengine_models_2.png)
+![Model info panel](../../../img/examples_megengine_models_2.png#light-mode-only)
+![Model info panel](../../../img/examples_megengine_models_2_dark.png#dark-mode-only)
 
 ## Console
 
 All console output during the script's execution appears in the task's **CONSOLE** page.
 
-![Console tab](../../../img/examples_megengine_console.png)
+![Console tab](../../../img/examples_megengine_console.png#light-mode-only)
+![Console tab](../../../img/examples_megengine_console_dark.png#dark-mode-only)
 
diff --git a/docs/img/examples_megengine_console.png b/docs/img/examples_megengine_console.png
index 8deb3e36..a5b09b15 100644
Binary files a/docs/img/examples_megengine_console.png and b/docs/img/examples_megengine_console.png differ
diff --git a/docs/img/examples_megengine_console_dark.png b/docs/img/examples_megengine_console_dark.png
new file mode 100644
index 00000000..855eb588
Binary files /dev/null and b/docs/img/examples_megengine_console_dark.png differ
diff --git a/docs/img/examples_megengine_mnist_config.png b/docs/img/examples_megengine_mnist_config.png
index 74e40d7e..a959f55e 100644
Binary files a/docs/img/examples_megengine_mnist_config.png and b/docs/img/examples_megengine_mnist_config.png differ
diff --git a/docs/img/examples_megengine_mnist_config_dark.png b/docs/img/examples_megengine_mnist_config_dark.png
new file mode 100644
index 00000000..4cccc989
Binary files /dev/null and b/docs/img/examples_megengine_mnist_config_dark.png differ
diff --git a/docs/img/examples_megengine_mnist_scalars.png b/docs/img/examples_megengine_mnist_scalars.png
index 91f8717d..ec164ee0 100644
Binary files a/docs/img/examples_megengine_mnist_scalars.png and b/docs/img/examples_megengine_mnist_scalars.png differ
diff --git a/docs/img/examples_megengine_mnist_scalars_dark.png b/docs/img/examples_megengine_mnist_scalars_dark.png
new file mode 100644
index 00000000..48c51952
Binary files /dev/null and b/docs/img/examples_megengine_mnist_scalars_dark.png differ
diff --git a/docs/img/examples_megengine_models_1.png b/docs/img/examples_megengine_models_1.png
index 2bd70fae..8e2c176d 100644
Binary files a/docs/img/examples_megengine_models_1.png and b/docs/img/examples_megengine_models_1.png differ
diff --git a/docs/img/examples_megengine_models_1_dark.png b/docs/img/examples_megengine_models_1_dark.png
new file mode 100644
index 00000000..c03ad811
Binary files /dev/null and b/docs/img/examples_megengine_models_1_dark.png differ
diff --git a/docs/img/examples_megengine_models_2.png b/docs/img/examples_megengine_models_2.png
index 346f38a0..3797c56b 100644
Binary files a/docs/img/examples_megengine_models_2.png and b/docs/img/examples_megengine_models_2.png differ
diff --git a/docs/img/examples_megengine_models_2_dark.png b/docs/img/examples_megengine_models_2_dark.png
new file mode 100644
index 00000000..b60fa78a
Binary files /dev/null and b/docs/img/examples_megengine_models_2_dark.png differ