From 7a5bfe91d7a4a647d1af4f18c81d6503ac7545a1 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 21 Apr 2026 13:45:43 +0000
Subject: [PATCH 1/2] Initial plan


From 4958e4306beab01e7b55b394e5db15173a0cad9c Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 21 Apr 2026 14:21:37 +0000
Subject: [PATCH 2/2] fix(docs): improve contrast support and media loading
 hints

Agent-Logs-Url: https://github.com/github/gh-aw/sessions/b1ccc016-4737-42a9-b710-1d08153a2159

Co-authored-by: pelikhan <4175913+pelikhan@users.noreply.github.com>
---
 docs/src/components/CustomLogo.astro |  2 +-
 docs/src/components/Video.astro      |  2 ++
 docs/src/styles/custom.css           | 27 +++++++++++++++++++++++++++
 3 files changed, 30 insertions(+), 1 deletion(-)

diff --git a/docs/src/components/CustomLogo.astro b/docs/src/components/CustomLogo.astro
index ec255eb3a9a..04264297e1b 100644
--- a/docs/src/components/CustomLogo.astro
+++ b/docs/src/components/CustomLogo.astro
@@ -11,7 +11,7 @@ const initialLogoUrl = darkLogoUrl;
 ---
 
 <a href={homeUrl} class="site-title">
-	<img src={initialLogoUrl} alt="GitHub Agentic Workflows" class="theme-logo" data-dark-src={darkLogoUrl} data-light-src={lightLogoUrl} />
+	<img src={initialLogoUrl} alt="GitHub Agentic Workflows" class="theme-logo" width="24" height="24" data-dark-src={darkLogoUrl} data-light-src={lightLogoUrl} />
 	<span>GitHub Agentic Workflows</span>
 </a>
 
diff --git a/docs/src/components/Video.astro b/docs/src/components/Video.astro
index ff32a6419ac..e0e307220bd 100644
--- a/docs/src/components/Video.astro
+++ b/docs/src/components/Video.astro
@@ -66,6 +66,7 @@ const accessibilityLabel = title || caption || fallbackLabel
 const fallbackLinkLabel = accessibilityLabel
     ? `Download ${accessibilityLabel}`
     : 'Download this video'
+const loadingStrategy = autoStart ? 'eager' : 'lazy'
 ---
 
 <div class="gh-aw-video-wrapper" style={`max-width: ${maxWidth};`}>
@@ -79,6 +80,7 @@ const fallbackLinkLabel = accessibilityLabel
             muted={silenced}
             poster={posterPath}
             preload="metadata"
+            loading={loadingStrategy}
             title={title}
             aria-label={accessibilityLabel}
         >
diff --git a/docs/src/styles/custom.css b/docs/src/styles/custom.css
index a634133eee5..a73d8605e79 100644
--- a/docs/src/styles/custom.css
+++ b/docs/src/styles/custom.css
@@ -1779,3 +1779,30 @@ main,
         transition: none;
     }
 }
+
+@media (prefers-contrast: more) {
+  :focus-visible {
+    outline-width: 3px;
+  }
+
+  .site-title span,
+  .header-link {
+    text-decoration: underline;
+  }
+}
+
+@media (forced-colors: active) {
+  .site-title,
+  .header-link,
+  .gh-aw-video-container,
+  .gh-aw-video-caption {
+    border: 1px solid CanvasText;
+    background: Canvas;
+    color: CanvasText;
+  }
+
+  .header-link:hover,
+  .site-title:hover {
+    forced-color-adjust: auto;
+  }
+}