From 340c583204dc518b535b0c4c0dcbd75a8fa57ee1 Mon Sep 17 00:00:00 2001
From: Tomas Zijdemans
 <113360400+tomas-zijdemans-vipps@users.noreply.github.com>
Date: Wed, 20 Sep 2023 23:34:46 +0200
Subject: [PATCH] fix callback dark mode background (#307)

* fix callback darkmode background

* Update styles.css

* Create hip-bikes-hug.md
---
 .changeset/hip-bikes-hug.md                       |  5 +++++
 .../src/theme/Redoc/styles.css                    | 15 +++++++++++++++
 2 files changed, 20 insertions(+)
 create mode 100644 .changeset/hip-bikes-hug.md

diff --git a/.changeset/hip-bikes-hug.md b/.changeset/hip-bikes-hug.md
new file mode 100644
index 00000000..832e82ea
--- /dev/null
+++ 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
index 5df32666..21de71f5 100644
--- 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;