fix(dashboard): remove decorative AI-style artifacts and use theme status colors

[izadoesdev]

Summary

Release of three dashboard commits from staging, cherry-picked onto main with -x provenance:

• 76f51ac21 fix(dashboard): remove decorative stripes, glows, pulses and hover scaling
• 5d3e778b6 fix(dashboard): show warnings and errors as neutral cards instead of tinted callouts
• 909e1fbe3 refactor(dashboard): use theme status tokens instead of raw palette colors

The dashboard had picked up several generic decorative patterns that made it look templated: colored left stripes on cards such as the tracking-blocked notice and Web Vitals score, a purple glow on the error and 404 pages, a pulsing dot in a static chart tooltip, border plus fill plus ring on selected flag options, gradient swatches that grew on hover, tinted warning and error boxes, dashed empty states, uppercase labels and blur on opaque table headers. These now use plain cards and borders, and status colors still carry meaning through icons and the theme's success, warning and destructive tokens. Raw Tailwind status colors were replaced with those tokens, so both themes stay consistent.

Kept on purpose: grey quote lines, icons in tinted tiles, the gradient group icon and categorical palettes such as device and flag types.

Side fix: the selected flag group swatch now outlines in its own color, because the old ringColor style was not a real CSS property.

Notes

• Five native buttons that these edits touched now use the shared Button, as the dashboard policy lint requires for changed lines.
• Toasts for success, error and warning keep a status-colored border on the normal opaque background instead of a tinted fill.
• billing/page.tsx and billing/history/page.tsx are not included. Another session owns them.

Verification

• bunx tsc --noEmit for apps/dashboard and packages/ui, bun run lint:policies and Biome on every changed file passed on staging.
• The three commits applied to main without conflicts, and imports, removed maps and theme tokens resolve in the main-based tree.
• Not checked in a browser. The local pre-push test hook was skipped with approval because it failed on another session's uncommitted packages/ai test, which is not part of this branch. CI on this PR is the test gate.

---

Summary by cubic

Removes decorative AI-style artifacts from the dashboard and replaces raw status colors with theme tokens so both light and dark modes stay consistent.

• Warning, error, and success callouts are now neutral cards with a plain border; the colored icon keeps the status readable.
• Replaces raw Tailwind palette colors like text-amber-500 and bg-green-500/10 with success, warning, and destructive theme tokens.
• Removes decorative stripes, glows, pulses, gradient swatches that scale on hover, dashed empty states, uppercase labels, and backdrop blur on opaque table headers.
• Selected flag group swatches now outline in their own color because the old ringColor style was not a real CSS property.
• Five touched native buttons now use the shared Button component per dashboard policy.
• Keeps grey quote lines, icons in tinted tiles, the gradient group icon, and categorical palettes like device and flag types unchanged.
• billing/page.tsx and billing/history/page.tsx are not included; another session owns them.

Migration

• Push this release branch to test the changes in a browser; CI on this PR is the test gate since local pre-push was skipped.

^{Written for commit ae017ec. Summary will update on new commits.}

[unkey-deploy]

The latest updates on your projects. Learn more about Unkey Deploy

Name	Status	Preview	Inspect	Updated (UTC)
links (preview)	Ready	Visit Preview	Inspect	Oct 12, 2026 11:38am

[vercel]

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

Project	Deployment	Actions	Updated
dashboard	Ready	Preview	Oct 12, 2026 11:39am UTC
databuddy-status	Ready	Preview	Oct 12, 2026 11:39am UTC
documentation	Ready	Preview	Oct 12, 2026 11:39am UTC

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

• Configuration used: Repository UI
• Review profile: ASSERTIVE
• Plan: Advanced
• Run ID: 3477a49c-e9e7-47a1-8b2a-fcb901f9acd6

---

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

• Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

---

_{Comment @coderabbitai help to get the list of available commands.}

[github-actions]

Observability score · 92

excellent · unchanged against main · no regression

1 instrumented · 3 partial · 2 dark

Fix first (3)

• GET /api/auth/:all* apps/dashboard/app/api/auth/[...all]/route.ts:62: context
• POST /api/auth/:all* apps/dashboard/app/api/auth/[...all]/route.ts:67: context
• GET /dby/og apps/dashboard/app/(dby)/dby/og/route.tsx:6: context

_{evlog map v0.8.0 · how the score works · what each check expects}

[greptile-apps]

Confidence Score: 5/5

[Low impact] The PR appears safe to merge; no actionable issues were found.

Summary

This PR simplifies dashboard styling and replaces raw status colors with theme colors.

• Warnings and errors sit on neutral cards with status cues kept in view.
• Dashboard status colors come from shared theme tokens.
• Dashboard controls and empty states lose extra visual effects.

Intentional choices acknowledged by izadoesdev: grey quote lines, tinted icon tiles, the gradient group icon, and categorical palettes remain. Success, error, and warning toasts keep colored borders on neutral backgrounds.

_{Reviews (1) · Last reviewed commit: "refactor(dashboard): use theme status to..." · Reviewed by Greptile}