fix: authorization dropdown background contrast issue in dark mode (#418)

adityawkhare · web-flow · commit 406fd2e8664e · 2025-05-20T12:15:40.000+02:00
* docs(changeset): fix authorization dropdown contrast issue in dark mode

* fix: Authorisation Dropdown background color fix

* fix: Authorisation Dropdown background color fix
diff --git a/.changeset/quiet-mayflies-brush.md b/.changeset/quiet-mayflies-brush.md
@@ -0,0 +1,5 @@
+---
+'docusaurus-theme-redoc': patch
+---
+
+fix authorization dropdown contrast issue in dark mode
diff --git a/packages/docusaurus-theme-redoc/src/theme/Redoc/styles.css b/packages/docusaurus-theme-redoc/src/theme/Redoc/styles.css
@@ -216,3 +216,7 @@ html:not([data-theme='dark'])
 [data-theme='dark'] .redocusaurus .api-content div h5 + svg polygon {
   filter: invert(1);
 }
+
+[data-theme='dark'] .redocusaurus .api-content div:has(> span > span > i + code) {
+  background: var(--ifm-color-emphasis-0);
+}

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'docusaurus-theme-redoc': patch
 +---
++
 +fix authorization dropdown contrast issue in dark mode
Original file line number	Diff line number	Diff line change
`@@ -216,3 +216,7 @@ html:not([data-theme='dark'])`
`216`	`216`	`[data-theme='dark'] .redocusaurus .api-content div h5 + svg polygon {`
`217`	`217`	`filter: invert(1);`
`218`	`218`	`}`
	`219`	`+`
	`220`	`+[data-theme='dark'] .redocusaurus .api-content div:has(> span > span > i + code) {`
	`221`	`+ background: var(--ifm-color-emphasis-0);`
	`222`	`+}`