Support both curl and bash code tab highlight (#1195)

sserrata · web-flow · commit d2ef247ebf69 · 2025-07-02T12:00:48.000-04:00
diff --git a/packages/docusaurus-theme-openapi-docs/src/theme/ApiExplorer/CodeTabs/_CodeTabs.scss b/packages/docusaurus-theme-openapi-docs/src/theme/ApiExplorer/CodeTabs/_CodeTabs.scss
@@ -197,7 +197,11 @@ body[class="ReactModal__Body--open"] {
   }
 
   &.active {
-    box-shadow: 0 0 0 3px var(--openapi-code-tab-shadow-color-curl);
+    box-shadow: 0 0 0 3px
+      var(
+        --openapi-code-tab-shadow-color-curl,
+        var(--openapi-code-tab-shadow-color-bash)
+      );
     border-color: var(--ifm-color-danger);
   }
 }
diff --git a/packages/docusaurus-theme-openapi-docs/src/theme/styles.scss b/packages/docusaurus-theme-openapi-docs/src/theme/styles.scss
@@ -67,6 +67,9 @@
   --openapi-code-tab-border-color-java: #0374bd;
   --openapi-code-tab-border-color-powershell: #00adef;
   --openapi-code-tab-shadow-color-python: rgba(255, 219, 80, 0.25);
+  --openapi-code-tab-shadow-color-curl: var(
+    --openapi-code-tab-shadow-color-bash
+  );
   --openapi-code-tab-shadow-color-bash: rgba(250, 56, 62, 0.25);
   --openapi-code-tab-shadow-color-go: rgba(84, 199, 236, 0.25);
   --openapi-code-tab-shadow-color-js: rgba(255, 186, 0, 0.25);

Original file line number	Diff line number	Diff line change
`@@ -197,7 +197,11 @@ body[class="ReactModal__Body--open"] {`
`197`	`197`	`}`
`198`	`198`
`199`	`199`	`&.active {`
`200`		`- box-shadow: 0 0 0 3px var(--openapi-code-tab-shadow-color-curl);`
	`200`	`+ box-shadow: 0 0 0 3px`
	`201`	`+ var(`
	`202`	`+ --openapi-code-tab-shadow-color-curl,`
	`203`	`+ var(--openapi-code-tab-shadow-color-bash)`
	`204`	`+ );`
`201`	`205`	`border-color: var(--ifm-color-danger);`
`202`	`206`	`}`
`203`	`207`	`}`