diff --git a/src/css/custom.css b/src/css/custom.css index 16d21c58..0a15d27c 100644 --- 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; }