diff --git a/docs/guides/frameworks/keras/jupyter.md b/docs/guides/frameworks/keras/jupyter.md index 005e2414..bbb3864a 100644 --- a/docs/guides/frameworks/keras/jupyter.md +++ b/docs/guides/frameworks/keras/jupyter.md @@ -18,22 +18,26 @@ The example does the following: The loss and accuracy metric scalar plots appear in **SCALARS**, along with the resource utilization plots, which are titled **:monitor: machine**. -![image](../../../img/examples_keras_jupyter_08.png) +![Scalars](../../../img/examples_keras_jupyter_08.png#light-mode-only) +![Scalars](../../../img/examples_keras_jupyter_08_dark.png#dark-mode-only) ## Plots The example calls Matplotlib methods to create several sample plots, and TensorBoard methods to plot histograms for layer density. They appear in **PLOTS**. -![image](../../../img/examples_keras_jupyter_03.png) +![Plots 1](../../../img/examples_keras_jupyter_03.png#light-mode-only) +![Plots 1](../../../img/examples_keras_jupyter_03_dark.png#dark-mode-only) -![image](../../../img/examples_keras_jupyter_03a.png) +![Plots 2](../../../img/examples_keras_jupyter_03a.png#light-mode-only) +![Plots 2](../../../img/examples_keras_jupyter_03a_dark.png#dark-mode-only) ## Debug Samples The example calls Matplotlib methods to log debug sample images. They appear in **DEBUG SAMPLES**. -![image](../../../img/examples_keras_jupyter_04.png) +![Debug Samples](../../../img/examples_keras_jupyter_04.png#light-mode-only) +![Debug Samples](../../../img/examples_keras_jupyter_04_dark.png#dark-mode-only) ## Hyperparameters @@ -55,17 +59,20 @@ task_params['hidden_dim'] = 512 Parameter dictionaries appear in **CONFIGURATION** **>** **HYPERPARAMETERS** **>** **General**. -![image](../../../img/examples_keras_jupyter_20.png) +![General Hyperparameters](../../../img/examples_keras_jupyter_20.png#light-mode-only) +![General Hyperparameters](../../../img/examples_keras_jupyter_20_dark.png#dark-mode-only) The TensorFlow Definitions appear in the **TF_DEFINE** subsection. -![image](../../../img/examples_keras_jupyter_21.png) +![TF Define](../../../img/examples_keras_jupyter_21.png#light-mode-only) +![TF Define](../../../img/examples_keras_jupyter_21_dark.png#dark-mode-only) ## Console Text printed to the console for training appears in **CONSOLE**. -![image](../../../img/examples_keras_jupyter_07.png) +![Console Log](../../../img/examples_keras_jupyter_07.png#light-mode-only) +![Console Log](../../../img/examples_keras_jupyter_07_dark.png#dark-mode-only) ## Artifacts @@ -74,9 +81,11 @@ created using Keras. The task info panel shows model tracking, including the model name and design in **ARTIFACTS** **>** **Output Model**. -![image](../../../img/examples_keras_jupyter_23.png) +![Artifacts](../../../img/examples_keras_jupyter_23.png#light-mode-only) +![Artifacts](../../../img/examples_keras_jupyter_23_dark.png#dark-mode-only) Clicking on the model name takes you to the [model's page](../../../webapp/webapp_model_viewing.md), where you can view the model's details and access the model. -![image](../../../img/examples_keras_jupyter_24.png) \ No newline at end of file +![Model details](../../../img/examples_keras_jupyter_24.png#light-mode-only) +![Model details](../../../img/examples_keras_jupyter_24_dark.png#dark-mode-only) \ No newline at end of file diff --git a/docs/img/examples_keras_jupyter_03.png b/docs/img/examples_keras_jupyter_03.png index c5a79cf1..c6e6827c 100644 Binary files a/docs/img/examples_keras_jupyter_03.png and b/docs/img/examples_keras_jupyter_03.png differ diff --git a/docs/img/examples_keras_jupyter_03_dark.png b/docs/img/examples_keras_jupyter_03_dark.png new file mode 100644 index 00000000..0f1d232a Binary files /dev/null and b/docs/img/examples_keras_jupyter_03_dark.png differ diff --git a/docs/img/examples_keras_jupyter_03a.png b/docs/img/examples_keras_jupyter_03a.png index 3fe892ca..380c63ce 100644 Binary files a/docs/img/examples_keras_jupyter_03a.png and b/docs/img/examples_keras_jupyter_03a.png differ diff --git a/docs/img/examples_keras_jupyter_03a_dark.png b/docs/img/examples_keras_jupyter_03a_dark.png new file mode 100644 index 00000000..bdab573e Binary files /dev/null and b/docs/img/examples_keras_jupyter_03a_dark.png differ diff --git a/docs/img/examples_keras_jupyter_04.png b/docs/img/examples_keras_jupyter_04.png index cbd03b54..fbd03b42 100644 Binary files a/docs/img/examples_keras_jupyter_04.png and b/docs/img/examples_keras_jupyter_04.png differ diff --git a/docs/img/examples_keras_jupyter_04_dark.png b/docs/img/examples_keras_jupyter_04_dark.png new file mode 100644 index 00000000..63f95eb9 Binary files /dev/null and b/docs/img/examples_keras_jupyter_04_dark.png differ diff --git a/docs/img/examples_keras_jupyter_07.png b/docs/img/examples_keras_jupyter_07.png index 2da749b4..a69559f0 100644 Binary files a/docs/img/examples_keras_jupyter_07.png and b/docs/img/examples_keras_jupyter_07.png differ diff --git a/docs/img/examples_keras_jupyter_07_dark.png b/docs/img/examples_keras_jupyter_07_dark.png new file mode 100644 index 00000000..6722519c Binary files /dev/null and b/docs/img/examples_keras_jupyter_07_dark.png differ diff --git a/docs/img/examples_keras_jupyter_08.png b/docs/img/examples_keras_jupyter_08.png index 11ae622e..dcb9f00e 100644 Binary files a/docs/img/examples_keras_jupyter_08.png and b/docs/img/examples_keras_jupyter_08.png differ diff --git a/docs/img/examples_keras_jupyter_08_dark.png b/docs/img/examples_keras_jupyter_08_dark.png new file mode 100644 index 00000000..35d2a770 Binary files /dev/null and b/docs/img/examples_keras_jupyter_08_dark.png differ diff --git a/docs/img/examples_keras_jupyter_20.png b/docs/img/examples_keras_jupyter_20.png index 9e7f4809..8e6c6d8c 100644 Binary files a/docs/img/examples_keras_jupyter_20.png and b/docs/img/examples_keras_jupyter_20.png differ diff --git a/docs/img/examples_keras_jupyter_20_dark.png b/docs/img/examples_keras_jupyter_20_dark.png new file mode 100644 index 00000000..a2d66e26 Binary files /dev/null and b/docs/img/examples_keras_jupyter_20_dark.png differ diff --git a/docs/img/examples_keras_jupyter_21.png b/docs/img/examples_keras_jupyter_21.png index 1f827cde..6a0acd43 100644 Binary files a/docs/img/examples_keras_jupyter_21.png and b/docs/img/examples_keras_jupyter_21.png differ diff --git a/docs/img/examples_keras_jupyter_21_dark.png b/docs/img/examples_keras_jupyter_21_dark.png new file mode 100644 index 00000000..f6a71306 Binary files /dev/null and b/docs/img/examples_keras_jupyter_21_dark.png differ diff --git a/docs/img/examples_keras_jupyter_23.png b/docs/img/examples_keras_jupyter_23.png index 0526c89a..63bcfbbc 100644 Binary files a/docs/img/examples_keras_jupyter_23.png and b/docs/img/examples_keras_jupyter_23.png differ diff --git a/docs/img/examples_keras_jupyter_23_dark.png b/docs/img/examples_keras_jupyter_23_dark.png new file mode 100644 index 00000000..f1ef7481 Binary files /dev/null and b/docs/img/examples_keras_jupyter_23_dark.png differ diff --git a/docs/img/examples_keras_jupyter_24.png b/docs/img/examples_keras_jupyter_24.png index 51a3d8d0..5f46bf0f 100644 Binary files a/docs/img/examples_keras_jupyter_24.png and b/docs/img/examples_keras_jupyter_24.png differ diff --git a/docs/img/examples_keras_jupyter_24_dark.png b/docs/img/examples_keras_jupyter_24_dark.png new file mode 100644 index 00000000..1fe83bbc Binary files /dev/null and b/docs/img/examples_keras_jupyter_24_dark.png differ