ByteSizedIT / reports-app

https://reports-app-ten.vercel.app
Other
0 stars 0 forks source link

Refactor UI styling #27

Closed ByteSizedIT closed 5 months ago

ByteSizedIT commented 5 months ago

Update includes custom color variables to maintain a consistent color scheme across our application. These changes are reflected in both the global.css and tailwind.config.ts files.

Global CSS (global.css): Added custom CSS variables for global colors using HSL in the tailwind base layer, including branding, background, foreground, and button styles. Defined color variations for light and dark modes using media queries. Defined classes in the tailwind component layer:

Tailwind Configuration (tailwind.config.ts): Extended the theme to incorporate custom colors defined in global.css.

Usage: These changes enhance maintainability and consistency throughout the application's UI, allowing for easy color adjustments and theme modifications.

vercel[bot] commented 5 months ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
reports-app ✅ Ready (Inspect) Visit Preview 💬 Add feedback May 9, 2024 9:05am