fix: Update styling of version label

[bezbac]

Greptile Summary

Updates the version label badge styling in DocBodyChrome.tsx to align with the project's design system, swapping the generic shadcn/ui token classes for project-specific tokens and a diagonal stripe background.

• Replaces bg-secondary text-secondary-foreground rounded-md with border bg-stripe-pattern text-text-secondary, adopting the custom .bg-stripe-pattern utility (defined in style.css) and the Figma-sourced --color-text-secondary token.
• Both bg-stripe-pattern and text-text-secondary are well-defined in the codebase; bg-stripe-pattern handles its own background shorthand so the border utility correctly inherits the global border-color from the * { @apply border-border; } reset.

Confidence Score: 5/5

Safe to merge — the change touches only CSS utility classes on a single decorative badge element, using tokens and classes already established in the design system.

Single-line class swap on a conditionally-rendered span. Both replacement classes (bg-stripe-pattern, text-text-secondary) are fully defined in style.css and carry correct light/dark mode values. No logic, props, or data flow is altered.

No files require special attention.

Flowchart

%%{init: {'theme': 'neutral'}}%%
flowchart TD
    A[DocBodyChrome renders] --> B{withProse?}
    B -- No --> C[Return plain flex-1 div]
    B -- Yes --> D[Render DocsBody wrapper]
    D --> E{versionLabel != null AND != empty string?}
    E -- Yes --> F[span version badge: border + bg-stripe-pattern + text-text-secondary]
    E -- No --> G[Skip badge]
    F --> H[CopyMarkdownButton]
    G --> H
    H --> I{cookbook found?}
    I -- Yes --> J[NotebookBanner]
    I -- No --> K[children content]
    J --> K

Loading

_{Reviews (1): Last reviewed commit: "fix: Update styling of version label" | Re-trigger Greptile}

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
langfuse-docs	Ready	Preview, Comment	May 15, 2026 9:49am

[github-actions]

@claude review

[claude]

LGTM, simple styling tweak.

Extended reasoning...

Overview

Single-line Tailwind class swap on the version label span in components/DocBodyChrome.tsx. Replaces rounded-md bg-secondary text-secondary-foreground with border bg-stripe-pattern text-text-secondary.

Security risks

None. Pure visual/CSS change.

Level of scrutiny

Minimal — cosmetic change in a docs site, no logic touched. The new utility classes (bg-stripe-pattern, text-text-secondary) are already used widely across the codebase.

Other factors

No reviewer comments, no bugs found by the hunter, change is self-contained.

[claude]

LGTM — straightforward CSS class swap on the version label badge.

Extended reasoning...

Overview

The PR changes the CSS utility classes on a single conditionally-rendered <span> in components/DocBodyChrome.tsx that displays an optional version label badge. It swaps rounded-md bg-secondary text-secondary-foreground for border bg-stripe-pattern text-text-secondary to align with the project's design system.

Security risks

None. This is a purely presentational change — no logic, props, data flow, or user input handling is modified.

Level of scrutiny

Very low. The change is a one-line, mechanical class swap on a decorative element. Both replacement utility classes (bg-stripe-pattern, text-text-secondary) are widely used across the codebase (50+ files) and defined in style.css.

Other factors

The PR is labeled size:XS and docs. No bugs were flagged by the bug hunting system. Vercel preview deployment is available for visual verification.