diff --git a/doc/tools/screenshots/crm.png b/doc/tools/screenshots/crm.png
index 0db94650..ae898e73 100644
Binary files a/doc/tools/screenshots/crm.png and b/doc/tools/screenshots/crm.png differ
diff --git a/doc/tools/screenshots/darkmode.png b/doc/tools/screenshots/darkmode.png
index d6566861..1e709641 100644
Binary files a/doc/tools/screenshots/darkmode.png and b/doc/tools/screenshots/darkmode.png differ
diff --git a/doc/tools/screenshots/events_log.png b/doc/tools/screenshots/events_log.png
index a59b9753..0a40b65c 100644
Binary files a/doc/tools/screenshots/events_log.png and b/doc/tools/screenshots/events_log.png differ
diff --git a/doc/tools/screenshots/function_menu.png b/doc/tools/screenshots/function_menu.png
index a2ec95fa..c7420ec1 100644
Binary files a/doc/tools/screenshots/function_menu.png and b/doc/tools/screenshots/function_menu.png differ
diff --git a/doc/tools/screenshots/menu.png b/doc/tools/screenshots/menu.png
index 1b1ac761..e415284a 100644
Binary files a/doc/tools/screenshots/menu.png and b/doc/tools/screenshots/menu.png differ
diff --git a/doc/tools/screenshots/multi_apps.png b/doc/tools/screenshots/multi_apps.png
index 7b1645bd..8b6460e0 100644
Binary files a/doc/tools/screenshots/multi_apps.png and b/doc/tools/screenshots/multi_apps.png differ
diff --git a/doc/tools/screenshots/picker.png b/doc/tools/screenshots/picker.png
index 3b92516d..7e8a8b69 100644
Binary files a/doc/tools/screenshots/picker.png and b/doc/tools/screenshots/picker.png differ
diff --git a/doc/tools/screenshots/profiler.png b/doc/tools/screenshots/profiler.png
index 00c14b42..55c4ec6b 100644
Binary files a/doc/tools/screenshots/profiler.png and b/doc/tools/screenshots/profiler.png differ
diff --git a/doc/tools/screenshots/record.png b/doc/tools/screenshots/record.png
index 8bd7171c..0c6b63d3 100644
Binary files a/doc/tools/screenshots/record.png and b/doc/tools/screenshots/record.png differ
diff --git a/doc/tools/screenshots/tree_actions.png b/doc/tools/screenshots/tree_actions.png
index 33fc7b16..bf0de1a2 100644
Binary files a/doc/tools/screenshots/tree_actions.png and b/doc/tools/screenshots/tree_actions.png differ
diff --git a/tools/devtools/src/background.js b/tools/devtools/src/background.js
index bcc976cb..ccb45014 100644
--- a/tools/devtools/src/background.js
+++ b/tools/devtools/src/background.js
@@ -77,6 +77,15 @@ browserInstance.runtime.onMessage.addListener(async (message, sender, sendRespon
     setOwlStatus(message.data);
     // Dummy message to test if the extension context is still valid
   } else if (message.type === "keepAlive") {
+    return;
+    // Open the devtools documentation in a new tab
+  } else if (message.type === "openDoc") {
+    browserInstance.tabs.create(
+      { url: "https://github.com/odoo/owl/blob/master/doc/tools/devtools_guide.md", active: false },
+      function (tab) {
+        browserInstance.tabs.update(tab.id, { active: true });
+      }
+    );
     return;
     // Relay the received message to the devtools app
   } else if (message.type === "newDevtoolsPanel") {
diff --git a/tools/devtools/src/devtools_app/devtools_window/devtools_window.xml b/tools/devtools/src/devtools_app/devtools_window/devtools_window.xml
index 15c0c2ea..d017e1db 100644
--- a/tools/devtools/src/devtools_app/devtools_window/devtools_window.xml
+++ b/tools/devtools/src/devtools_app/devtools_window/devtools_window.xml
@@ -16,7 +16,8 @@
               <option t-att-value="frame"><t t-esc="frame"/></option>
             </t>
           </select>
-          <i class="ms-auto p-1 me-1 lg-icon fa pointer-icon" title="Toggle dark mode" t-att-class="{ 'fa-sun-o': store.settings.darkMode, 'fa-moon-o' : !store.settings.darkMode}" t-on-click.stop="() => this.store.toggleDarkMode()"></i>
+          <i class="ms-auto p-1 me-1 lg-icon fa fa-question-circle pointer-icon" title="Open devtools doc" t-on-click.stop="() => this.store.openDocumentation()"></i>
+          <i class="p-1 me-1 lg-icon fa pointer-icon" title="Toggle dark mode" t-att-class="{ 'fa-sun-o': store.settings.darkMode, 'fa-moon-o' : !store.settings.darkMode}" t-on-click.stop="() => this.store.toggleDarkMode()"></i>
           <i class="p-1 me-1 lg-icon fa fa-repeat pointer-icon" title="Refresh extension" t-on-click.stop="() => this.store.refreshExtension()"></i>
         </div>
         <ComponentsTab t-if="store.page === 'ComponentsTab'"/>
diff --git a/tools/devtools/src/devtools_app/store/store.js b/tools/devtools/src/devtools_app/store/store.js
index 66a61153..0f533302 100644
--- a/tools/devtools/src/devtools_app/store/store.js
+++ b/tools/devtools/src/devtools_app/store/store.js
@@ -618,6 +618,10 @@ export const store = reactive({
     }
     browserInstance.storage.local.set({ owl_devtools_dark_mode: this.settings.darkMode });
   },
+
+  openDocumentation() {
+    browserInstance.runtime.sendMessage({ type: "openDoc" });
+  },
 });
 
 // Instantiate the store