fix(docs): update docs to background instead of backgroundColor

[waleedlatif1]

Summary

• update docs to background instead of backgroundColor, the main app was just recently updated to use background instead of backgroundColor as well, to accommodate gradients

Type of Change

• Bug fix

Testing

Tested manually

Checklist

• Code follows project style guidelines
• Self-reviewed my changes
• Tests added/updated and passing
• No new warnings introduced
• I confirm that I have read and agree to the terms outlined in the Contributor License Agreement (CLA)

[vercel]

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

Project	Deployment	Preview	Comments	Updated (UTC)
docs	Ready	Preview	Comment	Dec 1, 2025 10:13pm

[greptile-apps]

Greptile Overview

Greptile Summary

Updated inline style property from backgroundColor to background in the documentation's BlockInfoCard component to support gradient values, aligning with the main app's implementation in PR #2150.

• Changed style={{ backgroundColor: color }} to style={{ background: color }} on line 27
• Enables the documentation to properly render both solid colors and CSS gradient strings
• Maintains consistency with the main app, which was updated to support gradients in commit cb0c55c

Confidence Score: 5/5

• This PR is safe to merge with no risks
• This is a straightforward documentation fix that changes a single CSS property from backgroundColor to background. The change is backward-compatible (solid colors work with both properties), adds gradient support, and matches the main app's implementation. No logic changes, no breaking changes, and the component functionality remains identical.
• No files require special attention

Important Files Changed

File Analysis

Filename	Score	Overview
apps/docs/components/ui/block-info-card.tsx	5/5	Updated inline style from backgroundColor to background to support gradient values, matching the main app's implementation

Sequence Diagram

sequenceDiagram
participant Dev as Developer
participant Docs as Documentation App
participant Card as BlockInfoCard Component
participant Browser as Browser Rendering
Dev->>Docs: Pass color prop (solid or gradient)
Docs->>Card: Render with color value
Card->>Card: Apply style={{ background: color }}
Card->>Browser: Render div with background style
Note over Browser: Supports both solid colors<br/>and CSS gradients

Loading

[greptile-apps]

_{1 file reviewed, no comments}

_{Edit Code Review Agent Settings | Greptile}