From dc72d228f4fe1dcb7803d267cc32ff29da21a221 Mon Sep 17 00:00:00 2001 From: dmytro Date: Wed, 8 Jul 2026 13:47:42 +0200 Subject: [PATCH 1/2] fix: code block style nits --- mintlify/style.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/mintlify/style.css b/mintlify/style.css index e93e0d1ec..df661a2f1 100644 --- a/mintlify/style.css +++ b/mintlify/style.css @@ -1717,11 +1717,13 @@ div.callout, padding: 0 !important; overflow: hidden !important; border: 0.5px solid var(--ls-black-10) !important; + background-color: var(--ls-white) !important; } html.dark .code-group, html.dark [data-testid="code-group-select"] { border-color: var(--ls-white-06) !important; + background-color: var(--ls-gray-975) !important; } /* Code group inner container - no border radius (exclude interactive tabs/buttons) */ @@ -1787,6 +1789,11 @@ html.dark .code-group [class*="dark:bg-codeblock"] { background-color: var(--ls-gray-975) !important; } +/* Match the scroll fade overlay to the dark code block background */ +[data-fade-overlay] { + --fade-color-dark: var(--ls-gray-975) !important; +} + /* API Reference - Try It input fields */ #api-playground-input, select[class*="text-playground-input"] { From 91f63706975a45dd40fd95976626af177e0cb5ae Mon Sep 17 00:00:00 2001 From: dmytro Date: Wed, 8 Jul 2026 14:09:42 +0200 Subject: [PATCH 2/2] nits --- mintlify/style.css | 15 +++++++++++++-- 1 file changed, 13 insertions(+), 2 deletions(-) diff --git a/mintlify/style.css b/mintlify/style.css index df661a2f1..6a4ca306e 100644 --- a/mintlify/style.css +++ b/mintlify/style.css @@ -1717,13 +1717,11 @@ div.callout, padding: 0 !important; overflow: hidden !important; border: 0.5px solid var(--ls-black-10) !important; - background-color: var(--ls-white) !important; } html.dark .code-group, html.dark [data-testid="code-group-select"] { border-color: var(--ls-white-06) !important; - background-color: var(--ls-gray-975) !important; } /* Code group inner container - no border radius (exclude interactive tabs/buttons) */ @@ -1738,6 +1736,19 @@ html.dark [data-testid="code-group-select"] { border-radius: 0 !important; } +/* Mintlify rounds the content area via a `rounded-xt!` utility that lives in + @layer utilities; layered !important beats our unlayered !important no + matter the specificity, so this override must join the same layer. Inside + the layer the extra `div` type wins the specificity tie against the + utility's (0,2,0) selector */ +@layer utilities { + .code-group div[data-component-part="code-block-root"], + [data-testid="code-group-select"] div[data-component-part="code-block-root"], + div:has(> [data-component-part="code-block-header"]) div[data-component-part="code-block-root"] { + border-radius: 0 !important; + } +} + /* Restore radius on interactive tabs and pills inside code groups */ .code-group [data-component-part="code-group-tab-bar"] button div[class*="rounded"], .code-group [data-component-part="code-group-tab-bar"] > div > button > div,