Don't set color for code samples (#221)

* don't set color for code samples * docs(changeset): Fix code samples background color * update lockfile
rohit-gohri · Jul 12, 2022 · 1a13230 · 1a13230 · vercel · Jul 12, 2022
1 parent 8a1db8a
commit 1a13230
Show file tree

Hide file tree

Showing 3 changed files with 1,559 additions and 1,550 deletions.
diff --git a/.changeset/forty-dryers-build.md b/.changeset/forty-dryers-build.md
@@ -0,0 +1,5 @@
+---
+'docusaurus-theme-redoc': patch
+---
+
+Fix code samples background color
diff --git a/packages/docusaurus-theme-redoc/src/theme/Redoc/styles.css b/packages/docusaurus-theme-redoc/src/theme/Redoc/styles.css
@@ -131,14 +131,18 @@ html[data-theme='dark']
   margin-bottom: 10px;
 }
 
-/* Code Samples */
+/* 
+ * Code Samples
+ * @see https://github.com/rohit-gohri/redocusaurus/issues/217
+ */
 html:not([data-theme='dark'])
   .redocusaurus
   div[id^='react-tabs']
   > div:nth-child(1)
   > pre:nth-child(2) {
-  background-color: var(--ifm-background-color);
+  background-color: transparent;
 }
+
 /** https://github.com/rohit-gohri/redocusaurus/issues/45 */
 html:not([data-theme='dark']) .redocusaurus div[id^='react-tabs'] code {
   color: var(--ifm-color-emphasis-0);