230417/smartagenda_pap
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style: update color palette from slate/indigo to zinc/blue throughout the design system

Browse Source
This commit is contained in:
230417
2026-04-28 16:59:37 +01:00
parent f3cb32a39b
commit 94288d13e9
2 changed files with 17 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
web/src/index.css
View File

@@ -4,17 +4,17 @@
@layer base {
:root {
--brand-primary: #6366f1; /* Indigo 500 mais vibrante */
--brand-primary-light: #a5b4fc;
--brand-primary-dark: #4338ca;
--obsidian: #0f172a;
--obsidian-light: #1e293b;
--slate-950: #020617;
--brand-primary: #2563eb; /* Blue 600 */
--brand-primary-light: #93c5fd;
--brand-primary-dark: #1e40af;
--obsidian: #18181b; /* Zinc 900 */
--obsidian-light: #27272a;
--slate-950: #09090b;
color-scheme: light;
}
* {
@apply border-slate-200;
@apply border-zinc-200;
box-sizing: border-box;
}
@@ -26,11 +26,11 @@
}
body {
@apply bg-[#f8fafc] text-slate-900 font-sans antialiased;
@apply bg-[#fafafa] text-zinc-900 font-sans antialiased;
touch-action: pan-y;
background-image:
radial-gradient(at 0% 0%, rgba(79, 70, 229, 0.03) 0px, transparent 50%),
radial-gradient(at 100% 0%, rgba(15, 23, 42, 0.03) 0px, transparent 50%);
radial-gradient(at 0% 0%, rgba(37, 99, 235, 0.03) 0px, transparent 50%),
radial-gradient(at 100% 0%, rgba(24, 24, 27, 0.03) 0px, transparent 50%);
font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
min-height: 100vh;
}
@@ -45,11 +45,11 @@
}
::-webkit-scrollbar-track {
@apply bg-slate-100;
@apply bg-zinc-100;
}
::-webkit-scrollbar-thumb {
@apply bg-indigo-200 rounded-full hover:bg-indigo-300;
@apply bg-blue-200 rounded-full hover:bg-blue-300;
}
}
@@ -59,7 +59,7 @@
}
.glass-card {
@apply bg-white/80 backdrop-blur-md border border-white/20 shadow-xl shadow-slate-200/50;
@apply bg-white/80 backdrop-blur-md border border-white/20 shadow-xl shadow-zinc-200/50;
}
/* Hide scrollbar but keep scroll functionality */
@@ -72,10 +72,10 @@
}
.indigo-gradient {
@apply bg-gradient-to-br from-indigo-400 via-indigo-500 to-indigo-600;
@apply bg-gradient-to-br from-blue-400 via-blue-500 to-blue-600;
}
.obsidian-gradient {
@apply bg-gradient-to-br from-slate-800 via-slate-900 to-slate-950;
@apply bg-gradient-to-br from-zinc-800 via-zinc-900 to-zinc-950;
}
}