Commit c6fa66b
committed
[TOOL-3075] Dashboard: Adjust theming, Improved light mode (#5956)
Fix "inverted look" of light mode - light mode now correctly has a slightly dark background and lighter cards on top
* Instead of `bg-muted/50`, use `bg-card` instead. `--card` color is updated
* For cards that are links, don't change the background color on hover - apply a subtle border change instead - added a `--active-border` for this - this looks great in both light and dark mode
* Prefer using `bg-accent` for hover effects instead of `bg-muted` (even though they are currently both same color) for adding hover accent. Use `bg-accent/50` for applying a very subtle accent - use cases: clickable table row
<!-- start pr-codex -->
---
## PR-Codex overview
This PR focuses on updating the styling of various components across the application to enhance visual consistency. It replaces instances of `bg-muted` with `bg-card` and modifies hover effects to improve user experience.
### Detailed summary
- Replaced `bg-muted/50` with `bg-card` in various components.
- Updated hover effects from `hover:bg-muted/50` to `hover:bg-card`.
- Changed button backgrounds and hover states for improved aesthetics.
- Adjusted class names for consistency across UI elements.
> The following files were skipped due to too many changes: `apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/components/table.tsx`, `apps/dashboard/src/components/configure-networks/ConfigureNetworkForm.tsx`, `apps/dashboard/src/app/team/[team_slug]/[project_slug]/insight/[blueprint_slug]/blueprint-playground.client.tsx`, `apps/dashboard/src/@/styles/globals.css`, `apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/embed/embed-setup.tsx`, `apps/dashboard/src/components/pay/PayAnalytics/PayAnalytics.tsx`, `apps/dashboard/src/app/(dashboard)/(chain)/chainlist/components/client/filters.tsx`, `apps/dashboard/src/app/components/sdk-component-theme.ts`, `apps/dashboard/src/components/settings/ApiKeys/Create/index.tsx`, `apps/dashboard/src/app/team/components/Analytics/EmptyState.tsx`, `apps/dashboard/src/components/settings/Account/Billing/CreditsItem.tsx`
> ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`
<!-- end pr-codex -->1 parent be7759d commit c6fa66b
File tree
0 file changed
+0
-0
lines changed0 file changed
+0
-0
lines changed
0 commit comments