Skip to content

Commit c6fa66b

Browse files
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 changed

    0 file changed

    +0
    -0
    lines changed

    0 commit comments

    Comments
     (0)