From 2a6b50421adc2be411f2fb71f20b2a06450d52db Mon Sep 17 00:00:00 2001
From: Eva H <63033505+hoyyeva@users.noreply.github.com>
Date: Thu, 25 Jun 2026 10:55:39 -0700
Subject: [PATCH] fix capability grid dark mode style (#16907)

---
 docs/styling.css | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/docs/styling.css b/docs/styling.css
index 31392be5e..6ddcc8365 100644
--- a/docs/styling.css
+++ b/docs/styling.css
@@ -87,6 +87,25 @@ pre, code, .font-mono {
     margin: 1.25rem 0 0.75rem;
 }
 
+.dark .capability-list {
+    border-color: #262626;
+}
+
+.dark .capability-list-title,
+.dark .capability-list-heading,
+.dark .manual-step-title {
+    color: #fafafa;
+}
+
+.dark .capability-list-icon {
+    background: #262626;
+    color: #fafafa;
+}
+
+.dark .capability-list-copy {
+    color: #a3a3a3;
+}
+
 @media (max-width: 920px) {
     .capability-list {
         grid-template-columns: 1fr;