Update images (#997)

docs/getting_started/ds/ds_second_steps.md

@@ -143,7 +143,8 @@ Since not all metrics are tracked that way, you can also manually report metrics
 
 You can log everything, from time series data and confusion matrices to HTML, Audio, and Video, to custom plotly graphs! Everything goes!
 
-![Experiment plots](../../img/report_plotly.png)
+![Experiment plots](../../img/report_plotly.png#light-mode-only)
+![Experiment plots](../../img/report_plotly_dark.png#dark-mode-only)
 
 Once everything is neatly logged and displayed, use the [comparison tool](../../webapp/webapp_exp_comparing.md) to find the best configuration!
 
@@ -152,7 +153,8 @@ Once everything is neatly logged and displayed, use the [comparison tool](../../
 
 The experiments table is a powerful tool for creating dashboards and views of your own projects, your team's projects, or the entire development.
 
-![Experiments table](../../img/webapp_experiment_table.png)
+![Experiments table](../../img/webapp_experiment_table.png#light-mode-only)
+![Experiments table](../../img/webapp_experiment_table_dark.png#dark-mode-only)
 
 
 ### Creating Leaderboards

docs/getting_started/main.md

@@ -120,7 +120,8 @@ GUI applications
 - Build [pipelines](../pipelines/pipelines.md) from code 
 - Much more!
 
-![Webapp gif](../img/gif/webapp_screenshots.gif)
+![Webapp gif](../img/gif/webapp_screenshots.gif#light-mode-only)
+![Webapp gif](../img/gif/webapp_screenshots_dark.gif#dark-mode-only)
 
 ## Who We Are
 ClearML is supported by you :heart: and the [clear.ml](https://clear.ml) team, which helps enterprise companies build scalable MLOps/LLMOps.