improvement(control-bar): standardize styling across all control bar buttons

[waleedlatif1]

Summary

standardize styling across all control bar buttons

Type of Change

• Bug fix

Testing

NA

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 Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
sim	🔄 Building (Inspect)	Visit Preview	💬 Add feedback	Aug 9, 2025 7:32pm

1 Skipped Deployment

Name	Status	Preview	Comments	Updated (UTC)
docs	⬜️ Skipped (Inspect)			Aug 9, 2025 7:32pm

[greptile-apps]

Greptile Summary

This PR standardizes the styling across all control bar buttons in the workflow interface by implementing consistent CSS class patterns. The changes affect three key components:

1. DeploymentControls: Replaces custom HSL color variables (border-[hsl(var(--card-border))] bg-[hsl(var(--card-background))] text-[hsl(var(--card-text))]) with semantic Tailwind CSS classes (border bg-card text-card-foreground) on lines 93 and 98.

2. ControlBar: Simplifies disabled button styling by removing redundant CSS classes (gap-2, whitespace-nowrap, font-medium, text-sm, ring-offset-background, and SVG selectors) and adding consistent shadow-xs class across delete, duplicate, auto-layout, and publish buttons (lines 415, 500, 564, 723, 774).

3. ExportControls: Applies the same standardization pattern to the disabled export button state on line 73, removing unnecessary text-related and SVG styling classes while adding shadow-xs for visual consistency.

These changes create a unified visual design system across the control bar by leveraging Tailwind's semantic color tokens instead of custom CSS variables. The standardization improves maintainability by reducing code duplication and ensures all control bar buttons follow the same styling patterns (h-12 w-12 rounded-[11px] border bg-card text-card-foreground shadow-xs). The changes are purely cosmetic and maintain the same visual appearance while making the codebase more consistent and theme-aware.

Confidence score: 5/5

• This PR is safe to merge with minimal risk as it only involves CSS class standardization without functional changes
• Score reflects simple styling changes that improve consistency and maintainability without introducing breaking changes
• No files require special attention as all changes are straightforward CSS class replacements

_{3 files reviewed, no comments}

_{Edit Code Review Bot Settings | Greptile}