fix callback dark mode background (#307)

* fix callback darkmode background * Update styles.css * Create hip-bikes-hug.md
rohit-gohri · Sep 20, 2023 · 340c583 · 340c583 · vercel · Sep 20, 2023
1 parent 83d777d
commit 340c583
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 0 deletions.
diff --git a/.changeset/hip-bikes-hug.md b/.changeset/hip-bikes-hug.md
@@ -0,0 +1,5 @@
+---
+"docusaurus-theme-redoc": patch
+---
+
+fix callback dark mode background
diff --git a/packages/docusaurus-theme-redoc/src/theme/Redoc/styles.css b/packages/docusaurus-theme-redoc/src/theme/Redoc/styles.css
@@ -126,6 +126,21 @@ html[data-theme='dark']
   background-color: var(--ifm-background-color);
 }
 
+/* Fixes https://github.com/rohit-gohri/redocusaurus/issues/306 */
+html[data-theme='dark'] 
+  .redocusaurus 
+  div[id^='tag']
+  button:has(span):has(.operation-type) {
+  background-color: var(--ifm-color-gray-800);
+}
+
+html[data-theme='dark'] 
+  .redocusaurus 
+  div[id^='tag'] 
+  button + div {
+  background-color: var(--ifm-color-emphasis-0);
+}
+
 /* Padding above Response Samples heading */
 .redocusaurus .react-tabs__tab-panel--selected {
   margin-bottom: 10px;