fix: code block style nits

[pqoqubbw]

Before	After

[vercel]

@pqoqubbw is attempting to deploy a commit to the Lightspark Team Team on Vercel.

A member of the Team first needs to authorize it.

[greptile-apps]

Greptile Summary

This PR makes two targeted CSS fixes to code block presentation in the Mintlify documentation site.

• Adds a @layer utilities block so the border-radius: 0 override can win against Mintlify's own layered Tailwind !important utility (rounded-xt!), with a third selector covering standalone code blocks that include a header; a well-explained comment documents the cascade reason.
• Adds a [data-fade-overlay] rule that sets --fade-color-dark to the custom dark-mode codeblock background token so the horizontal-scroll fade gradient matches the surrounding background in dark mode.

Confidence Score: 5/5

Safe to merge — purely additive CSS with no logic changes and accurate inline documentation explaining the cascade reasoning.

Both additions are narrowly scoped: the @layer utilities block targets specific data-component-part attributes already used elsewhere in the file, and the [data-fade-overlay] rule touches only the dark-mode fade gradient color token. The existing unlayered rules are preserved as a fallback, and the comment correctly explains why the layered override is necessary.

No files require special attention.

Important Files Changed

Filename	Overview
mintlify/style.css	Adds a @layer utilities block to correctly override Mintlify's layered !important border-radius, and a [data-fade-overlay] rule to align the dark-mode scroll fade color with the codeblock background.

Flowchart

%%{init: {'theme': 'neutral'}}%%
flowchart TD
    A["Browser renders Mintlify code block"] --> B{"Is border-radius\nset by Tailwind utility\n(rounded-xt! / @layer utilities)?"}
    B -- "Yes (layered !important)" --> C["@layer utilities override\nborder-radius: 0 !important\nwith higher specificity div selector"]
    B -- "No (unlayered)" --> D["Pre-existing unlayered\nborder-radius: 0 !important\nstill applies"]
    C --> E["Code block: square corners ✓"]
    D --> E

    A --> F{"Dark mode scroll\nfade overlay?"}
    F -- "Yes ([data-fade-overlay])" --> G["--fade-color-dark set to\nvar(--ls-gray-975)\nmatches dark codeblock bg"]
    G --> H["Fade gradient blends\nseamlessly ✓"]

Loading

%%{init: {'theme': 'base', 'themeVariables': {"darkMode": true, "background": "#0d1117", "primaryColor": "#21262d", "primaryTextColor": "#e6edf3", "primaryBorderColor": "#8b949e", "lineColor": "#8b949e", "textColor": "#e6edf3", "edgeLabelBackground": "#161b22", "actorBkg": "#21262d", "actorBorder": "#8b949e", "actorTextColor": "#e6edf3", "actorLineColor": "#8b949e", "signalColor": "#8b949e", "signalTextColor": "#e6edf3", "noteBkgColor": "#373320", "noteBorderColor": "#d4a72c", "noteTextColor": "#f0e6c0", "labelBoxBkgColor": "#21262d", "labelBoxBorderColor": "#8b949e", "labelTextColor": "#e6edf3", "loopTextColor": "#e6edf3", "activationBkgColor": "#30363d", "activationBorderColor": "#8b949e"}}}%%
flowchart TD
    A["Browser renders Mintlify code block"] --> B{"Is border-radius\nset by Tailwind utility\n(rounded-xt! / @layer utilities)?"}
    B -- "Yes (layered !important)" --> C["@layer utilities override\nborder-radius: 0 !important\nwith higher specificity div selector"]
    B -- "No (unlayered)" --> D["Pre-existing unlayered\nborder-radius: 0 !important\nstill applies"]
    C --> E["Code block: square corners ✓"]
    D --> E

    A --> F{"Dark mode scroll\nfade overlay?"}
    F -- "Yes ([data-fade-overlay])" --> G["--fade-color-dark set to\nvar(--ls-gray-975)\nmatches dark codeblock bg"]
    G --> H["Fade gradient blends\nseamlessly ✓"]

Loading

_{Reviews (1): Last reviewed commit: "nits" | Re-trigger Greptile}