feat: dark theme support for Menu (#2776)

8bittitan · web-flow · commit 01517d94dec4 · 2025-10-02T16:22:51.000+02:00
diff --git a/packages/docsearch-css/src/modal.css b/packages/docsearch-css/src/modal.css
@@ -1506,7 +1506,7 @@ assistive tech users */
   padding: 8px 0;
   flex-direction: column;
   border-radius: var(--docsearch-border-radius);
-  background-color: #fff;
+  background-color: var(--docsearch-modal-background);
   box-shadow: 0px 0px 0px 1px #21243D0D, 0px 8px 16px -4px #21243D40;
   min-width: 195px;
   top: calc(100% + 12px);
@@ -1531,5 +1531,5 @@ assistive tech users */
 }
 
 .DocSearch-Menu-item:hover {
-  background-color: #F5F5FA;
+  background-color: var(--docsearch-hit-background);
 }

Original file line number	Diff line number	Diff line change
`@@ -1506,7 +1506,7 @@ assistive tech users */`
`1506`	`1506`	`padding: 8px 0;`
`1507`	`1507`	`flex-direction: column;`
`1508`	`1508`	`border-radius: var(--docsearch-border-radius);`
`1509`		`- background-color: #fff;`
	`1509`	`+ background-color: var(--docsearch-modal-background);`
`1510`	`1510`	`box-shadow: 0px 0px 0px 1px #21243D0D, 0px 8px 16px -4px #21243D40;`
`1511`	`1511`	`min-width: 195px;`
`1512`	`1512`	`top: calc(100% + 12px);`
`@@ -1531,5 +1531,5 @@ assistive tech users */`
`1531`	`1531`	`}`
`1532`	`1532`
`1533`	`1533`	`.DocSearch-Menu-item:hover {`
`1534`		`- background-color: #F5F5FA;`
	`1534`	`+ background-color: var(--docsearch-hit-background);`
`1535`	`1535`	`}`