Refine dashboard and RFV visuals
All checks were successful
Build and Deploy / build-and-deploy (push) Successful in 1m18s

This commit is contained in:
Cauê Faleiros
2026-06-25 10:38:31 -03:00
parent a6858fe2fc
commit eb77dd3ba2
6 changed files with 489 additions and 236 deletions

View File

@@ -1,22 +1,26 @@
@import "tailwindcss";
@theme {
--color-brand-primary: #9ECAE1;
--color-dark-bg: #0a0a0a;
--color-brand-primary: #b8c7d1;
--color-dark-bg: #070707;
--color-dark-card: #141414;
--color-dark-header: #141414;
--color-dark-sidebar: #141414;
--color-dark-border: #222222;
--color-dark-input: #1a1a1a;
--color-dark-text: #ededed;
--color-dark-muted: #888888;
--color-dark-header: #101010;
--color-dark-sidebar: #111111;
--color-dark-border: #282828;
--color-dark-input: #1c1c1c;
--color-dark-text: #f0f0ee;
--color-dark-muted: #929292;
--font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
@layer base {
body {
font-family: 'Inter', sans-serif;
@apply bg-dark-bg text-dark-text;
background:
radial-gradient(circle at 18% -8%, rgba(255, 255, 255, 0.035), transparent 30rem),
radial-gradient(circle at 88% 4%, rgba(184, 199, 209, 0.025), transparent 34rem),
#070707;
@apply text-dark-text;
}
::-webkit-scrollbar {
@@ -29,3 +33,19 @@
border-radius: 3px;
}
}
@layer components {
.app-shell {
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.018), rgba(255, 255, 255, 0) 24rem),
radial-gradient(circle at 28% -18%, rgba(255, 255, 255, 0.035), transparent 34rem),
radial-gradient(circle at 88% 8%, rgba(184, 199, 209, 0.024), transparent 38rem),
#070707;
}
.app-content {
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.012), rgba(255, 255, 255, 0) 16rem),
transparent;
}
}