fix: target theme-code-block instead of code

Basis-Theory · Dec 7, 2022 · 9925067 · 9925067 · vercel · Dec 7, 2022
1 parent a8e47a7
commit 9925067
Showing 1 changed file with 29 additions and 7 deletions.
diff --git a/src/css/custom.css b/src/css/custom.css
@@ -160,18 +160,25 @@ code {
   font-weight: 500;
 }
 
-[data-theme="light"] code {
+div:has(> .bt-tabs) {
+  --ifm-code-border-radius: 8px;
+  border-radius: 8px;
+}
+
+.bt-tabs + div {
+  margin-top: 0 !important;
+}
+
+[data-theme="light"] .theme-code-block {
   box-shadow: 0px 2px 4px -2px rgba(7, 10, 27, 0.05),
     0px 4px 6px -1px rgba(7, 10, 27, 0.05),
     inset 0px 0px 0px 1px rgba(207, 211, 232, 0.8);
 }
 
 [data-theme="light"] div:has(> .bt-tabs) {
-  --ifm-code-border-radius: 8px;
   box-shadow: 0px 2px 4px -2px rgba(7, 10, 27, 0.05),
     0px 4px 6px -1px rgba(7, 10, 27, 0.05),
     inset 0px 0px 0px 1px rgba(207, 211, 232, 0.8);
-  border-radius: 8px;
 }
 
 [data-theme="light"] .bt-tabs {
@@ -182,10 +189,25 @@ code {
   border-radius: 8px 8px 0 0;
 }
 
-.bt-tabs + div {
-  margin-top: 0 !important;
+[data-theme="light"] .bt-tabs + div * .theme-code-block {
+  box-shadow: none !important;
 }
 
-[data-theme="light"] .bt-tabs + div * code {
-  box-shadow: none !important;
+[data-theme="dark"] div:has(> .bt-tabs) {
+  --ifm-code-border-radius: 8px;
+  border-radius: 8px;
+}
+
+[data-theme="dark"] .bt-tabs {
+  border-radius: 8px 8px 0 0;
+  background: linear-gradient(
+      0deg,
+      rgba(255, 255, 255, 0.06),
+      rgba(255, 255, 255, 0.06)
+    ),
+    #070a1b;
+}
+
+[data-theme="dark"] .bt-tabs + div * .theme-code-block {
+  border-radius: 0 0 8px 8px;
 }