diff --git a/docs/clearml_agent.md b/docs/clearml_agent.md
index 1d562aac..ccd5fe22 100644
--- a/docs/clearml_agent.md
+++ b/docs/clearml_agent.md
@@ -23,7 +23,8 @@ Its main focus is around:
 ClearML Agent executes a task or other workflow by reproducing the state of the code from the original machine 
 to a remote machine.
 
-![ClearML Agent flow diagram](img/clearml_agent_flow_diagram.png)
+![ClearML Agent flow diagram](img/clearml_agent_flow_diagram.png#light-mode-only)
+![ClearML Agent flow diagram](img/clearml_agent_flow_diagram_dark.png#dark-mode-only)
 
 The preceding diagram demonstrates a typical flow where an agent executes a task:  
 
diff --git a/docs/fundamentals/agents_and_queues.md b/docs/fundamentals/agents_and_queues.md
index aa7a1337..af1f2478 100644
--- a/docs/fundamentals/agents_and_queues.md
+++ b/docs/fundamentals/agents_and_queues.md
@@ -36,7 +36,8 @@ A ClearML Agent can service multiple queues in either of the following modes:
 
 ## Agent and Queue Workflow 
 
-![Agent flow diagram](../img/clearml_agent_flow_diagram.png)
+![ClearML Agent flow diagram](../img/clearml_agent_flow_diagram.png#light-mode-only)
+![ClearML Agent flow diagram](../img/clearml_agent_flow_diagram_dark.png#dark-mode-only)
 
 The diagram above demonstrates a typical flow where an agent executes a task:  
 
diff --git a/docs/img/clearml_agent_flow_diagram.png b/docs/img/clearml_agent_flow_diagram.png
index de3a977d..7e7f2f68 100644
Binary files a/docs/img/clearml_agent_flow_diagram.png and b/docs/img/clearml_agent_flow_diagram.png differ