meshkee-app/dashboards
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Give dashboards a themed orb background and a solid current-nav state.

Browse Source 
Login pages share the same wash as the app shell; customer light mode matches business while dark mode stays gray.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Alireza Hassani
2026-08-17 09:00:08 +03:30
co-authored by Cursor
parent e0e68de30f
commit 36180cda2b
25 changed files with 636 additions and 121 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/dashboard-core/src/styles/tokens.css
+14 -8
View File
@@ -17,14 +17,20 @@
--chart-accent-dark: #0891b2;
--chart-accent-rgb: 6 182 212;
--chart-accent-dark-rgb: 8 145 178;
--bg-gradient-start: color-mix(in srgb, var(--primary-light) 72%, #ffffff);
--bg-gradient-mid: color-mix(in srgb, var(--primary-light) 42%, #ffffff);
--bg-gradient-end: color-mix(in srgb, var(--primary-light) 18%, #ffffff);
--page-accent: #38bdf8;
--page-accent-rgb: 56 189 248;
--bg-gradient-start: color-mix(in srgb, var(--primary-light) 36%, #ffffff);
--bg-gradient-mid: color-mix(
in srgb,
var(--primary-light) 24%,
color-mix(in srgb, var(--page-accent, var(--primary)) 6%, #ffffff)
);
--bg-gradient-end: color-mix(in srgb, var(--page-accent, var(--primary)) 6%, #ffffff);
--glass-bg: rgba(255, 255, 255, 0.55);
/* Sticky header over scrolling content — more opaque than --glass-bg; theme-tinted */
--header-bg: color-mix(
in srgb,
color-mix(in srgb, var(--primary-light) 42%, #ffffff) 90%,
color-mix(in srgb, var(--primary-light) 22%, #ffffff) 92%,
transparent
);
--glass-border: rgba(255, 255, 255, 0.7);
@@ -96,17 +102,17 @@ body::before {
background:
radial-gradient(
ellipse 520px 520px at 72% 18%,
rgba(var(--primary-rgb) / 0.3),
rgba(var(--primary-rgb) / 0.1),
transparent 72%
),
radial-gradient(
ellipse 420px 420px at 22% 82%,
rgba(var(--primary-rgb) / 0.2),
ellipse 460px 420px at 18% 86%,
rgba(var(--page-accent-rgb, var(--primary-rgb)) / 0.07),
transparent 72%
),
radial-gradient(
ellipse 360px 360px at 8% 42%,
rgba(var(--chart-accent-rgb, var(--primary-rgb)) / 0.14),
rgba(var(--primary-rgb) / 0.05),
transparent 72%
);
animation: pageAuraDrift 22s ease-in-out infinite alternate;