From 3179c013a46fc5bc1086ae414a50e5700c72558b Mon Sep 17 00:00:00 2001
From: boriskirov <boris.kirov@elastic.co>
Date: Thu, 20 Aug 2026 10:21:46 +0200
Subject: [PATCH 1/2] first commit

---
 .../changelogs/upcoming/9924.md               |  1 +
 .../docusaurus-theme/src/theme/Logo/index.tsx | 70 ++++++++++++++++++-
 2 files changed, 69 insertions(+), 2 deletions(-)

diff --git a/packages/docusaurus-theme/changelogs/upcoming/9924.md b/packages/docusaurus-theme/changelogs/upcoming/9924.md
index 4bd896eafea..9313dceb5ab 100644
--- a/packages/docusaurus-theme/changelogs/upcoming/9924.md
+++ b/packages/docusaurus-theme/changelogs/upcoming/9924.md
@@ -1 +1,2 @@
 - Added a hover animation to the EUI mark in the documentation navbar.
+- Added a context menu on the EUI mark with links to Elastic and Brand Guide.
diff --git a/packages/docusaurus-theme/src/theme/Logo/index.tsx b/packages/docusaurus-theme/src/theme/Logo/index.tsx
index 05462e0c1ab..4c42f4f062a 100644
--- a/packages/docusaurus-theme/src/theme/Logo/index.tsx
+++ b/packages/docusaurus-theme/src/theme/Logo/index.tsx
@@ -6,7 +6,7 @@
  * Side Public License, v 1.
  */
 
-import { useContext, type CSSProperties, type JSX } from 'react';
+import { useContext, useState, type CSSProperties, type JSX, type MouseEvent } from 'react';
 import { css } from '@emotion/react';
 import Link from '@docusaurus/Link';
 import useBaseUrl from '@docusaurus/useBaseUrl';
@@ -14,7 +14,11 @@ import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import { useThemeConfig, type NavbarLogo } from '@docusaurus/theme-common';
 import type { Props } from '@theme-original/Logo';
 import {
+  EuiContextMenuItem,
+  EuiContextMenuPanel,
+  EuiIcon,
   EuiImage,
+  EuiPopover,
   euiCanAnimate,
   euiTextTruncate,
   useEuiMemoizedStyles,
@@ -25,6 +29,8 @@ import { AppThemeContext } from '../../components/theme_context';
 
 const EUI_LOGO = 'eui_logo.svg';
 const LOGO_DISTANCE = '5px';
+const ELASTIC_HOME_URL = 'https://www.elastic.co';
+const ELASTIC_BRAND_URL = 'https://brand.elastic.co';
 
 const getStyles = ({ euiTheme }: UseEuiTheme) => ({
   wrapper: css`
@@ -49,6 +55,11 @@ const getStyles = ({ euiTheme }: UseEuiTheme) => ({
     .navbar__logo {
       overflow: visible;
       height: auto;
+
+      .euiPopover {
+        display: block;
+        line-height: 0;
+      }
     }
 
     .navbar__title {
@@ -119,8 +130,24 @@ function EuiNavbarLogo({
 }) {
   const styles = useEuiMemoizedStyles(getStyles);
   const isDecorative = alt === '';
+  const [isPopoverOpen, setIsPopoverOpen] = useState(false);
 
-  return (
+  const closePopover = () => setIsPopoverOpen(false);
+
+  const openLink = (url: string) => (event: MouseEvent) => {
+    event.preventDefault();
+    event.stopPropagation();
+    window.open(url, '_blank', 'noopener,noreferrer');
+    closePopover();
+  };
+
+  const handleContextMenu = (event: MouseEvent<SVGSVGElement>) => {
+    event.preventDefault();
+    event.stopPropagation();
+    setIsPopoverOpen(true);
+  };
+
+  const logo = (
     <svg
       xmlns="http://www.w3.org/2000/svg"
       viewBox="0 0 32 32"
@@ -132,6 +159,7 @@ function EuiNavbarLogo({
       aria-hidden={isDecorative ? true : undefined}
       role={isDecorative ? undefined : 'img'}
       aria-label={isDecorative ? undefined : alt}
+      onContextMenu={handleContextMenu}
     >
       <path
         fill="#FF957D"
@@ -163,6 +191,44 @@ function EuiNavbarLogo({
       />
     </svg>
   );
+
+  return (
+    <EuiPopover
+      button={logo}
+      isOpen={isPopoverOpen}
+      closePopover={closePopover}
+      panelPaddingSize="none"
+      anchorPosition="downLeft"
+      display="block"
+      hasArrow={false}
+      aria-label="Elastic links"
+    >
+      <EuiContextMenuPanel
+        items={[
+          <EuiContextMenuItem
+            key="elastic"
+            icon="logoElastic"
+            href={ELASTIC_HOME_URL}
+            target="_blank"
+            external={false}
+            onClick={openLink(ELASTIC_HOME_URL)}
+          >
+            Elastic
+          </EuiContextMenuItem>,
+          <EuiContextMenuItem
+            key="brand"
+            icon={<EuiIcon type="logoElastic" color="text" size="m" />}
+            href={ELASTIC_BRAND_URL}
+            target="_blank"
+            external={false}
+            onClick={openLink(ELASTIC_BRAND_URL)}
+          >
+            Brand Guide
+          </EuiContextMenuItem>,
+        ]}
+      />
+    </EuiPopover>
+  );
 }
 
 function LogoThemedImage({

From e70845066df8b9e2c15495983cf98d55610248b7 Mon Sep 17 00:00:00 2001
From: boriskirov <boris.kirov@elastic.co>
Date: Thu, 20 Aug 2026 10:58:09 +0200
Subject: [PATCH 2/2] Add docusaurus-theme changelog for #9937.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 packages/docusaurus-theme/changelogs/upcoming/9924.md | 2 --
 packages/docusaurus-theme/changelogs/upcoming/9937.md | 1 +
 2 files changed, 1 insertion(+), 2 deletions(-)
 delete mode 100644 packages/docusaurus-theme/changelogs/upcoming/9924.md
 create mode 100644 packages/docusaurus-theme/changelogs/upcoming/9937.md

diff --git a/packages/docusaurus-theme/changelogs/upcoming/9924.md b/packages/docusaurus-theme/changelogs/upcoming/9924.md
deleted file mode 100644
index 9313dceb5ab..00000000000
--- a/packages/docusaurus-theme/changelogs/upcoming/9924.md
+++ /dev/null
@@ -1,2 +0,0 @@
-- Added a hover animation to the EUI mark in the documentation navbar.
-- Added a context menu on the EUI mark with links to Elastic and Brand Guide.
diff --git a/packages/docusaurus-theme/changelogs/upcoming/9937.md b/packages/docusaurus-theme/changelogs/upcoming/9937.md
new file mode 100644
index 00000000000..f1ae1ec567f
--- /dev/null
+++ b/packages/docusaurus-theme/changelogs/upcoming/9937.md
@@ -0,0 +1 @@
+- Added a context menu on the EUI mark in the documentation navbar with links to Elastic and Brand Guide.