melabidi/carmanagement
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

update style

Browse Source
This commit is contained in:
root
2026-05-24 01:53:27 -04:00
parent f5292f8b6c
commit 31e06a1d61
62 changed files with 431 additions and 459 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/admin/src/app/globals.css
+28 -25
View File
@@ -11,9 +11,9 @@ html.dark {
}
body {
@apply text-stone-900 antialiased transition-colors dark:text-stone-100;
@apply text-blue-950 antialiased transition-colors dark:text-slate-100;
background-image:
linear-gradient(180deg, #f8f5ef 0%, #f4efe6 28%, #fffdf8 58%, #ffffff 100%);
linear-gradient(180deg, #ffffff 0%, #f5f8ff 28%, #eef4ff 58%, #ffffff 100%);
}
.shell {
@@ -21,19 +21,19 @@ body {
}
.panel {
@apply rounded-[1.75rem] border shadow-[0_30px_80px_rgba(28,25,23,0.08)] backdrop-blur transition-colors dark:shadow-[0_30px_80px_rgba(0,0,0,0.26)];
@apply rounded-[1.75rem] border shadow-[0_30px_80px_rgba(28,25,23,0.08)] backdrop-blur transition-colors dark:shadow-[0_30px_80px_rgba(0,0,0,0.36)];
border-color: rgb(231 229 228 / 0.8);
background-color: rgb(255 255 255 / 0.82);
}
html.dark body {
background-image:
linear-gradient(180deg, #14110f 0%, #17120d 35%, #0c0a09 100%);
linear-gradient(180deg, #0a1128 0%, #0d1b38 35%, #07101e 100%);
}
html.dark .panel {
border-color: rgb(41 37 36 / 0.96);
background-color: rgb(28 25 23 / 0.72);
border-color: rgb(30 60 140 / 0.40);
background-color: rgb(11 25 55 / 0.72);
}
@layer utilities {
@@ -41,89 +41,92 @@ html.dark .panel {
color: rgb(28 25 23);
}
/* ── Dark mode: zinc classes → deep navy blue ─────────────── */
.bg-zinc-950 {
background-color: rgb(12 10 9);
background-color: rgb(6 13 30);
}
.bg-zinc-950\/90 {
background-color: rgb(28 25 23 / 0.9);
background-color: rgb(6 13 30 / 0.9);
}
.bg-zinc-900 {
background-color: rgb(28 25 23);
background-color: rgb(11 25 55);
}
.bg-zinc-800,
.bg-zinc-800\/50 {
background-color: rgb(41 37 36);
background-color: rgb(20 42 90);
}
.border-zinc-800,
.border-zinc-700 {
border-color: rgb(68 64 60);
border-color: rgb(30 60 130);
}
.text-zinc-100,
.text-zinc-200 {
color: rgb(250 250 249);
color: rgb(241 245 249);
}
.text-zinc-500 {
color: rgb(168 162 158);
color: rgb(148 163 184);
}
.text-zinc-400,
.text-zinc-300 {
color: rgb(120 113 108);
color: rgb(100 116 139);
}
.hover\:bg-zinc-800:hover,
.hover\:bg-zinc-800\/50:hover {
background-color: rgb(68 64 60);
background-color: rgb(30 55 115);
}
.hover\:text-zinc-200:hover {
color: rgb(250 250 249);
color: rgb(241 245 249);
}
/* ── Primary action (emerald class → orange) ──────────────── */
.text-emerald-400 {
color: rgb(252 211 77);
color: rgb(251 146 60);
}
.bg-emerald-600 {
background-color: rgb(28 25 23);
background-color: rgb(234 88 12);
}
.hover\:bg-emerald-500:hover {
background-color: rgb(68 64 60);
background-color: rgb(194 65 12);
}
.dark .bg-emerald-600 {
background-color: rgb(251 191 36);
background-color: rgb(249 115 22);
}
.dark .hover\:bg-emerald-500:hover {
background-color: rgb(252 211 77);
background-color: rgb(251 146 60);
}
.bg-emerald-900\/30,
.bg-emerald-950\/40,
.bg-emerald-950\/50 {
background-color: rgb(120 53 15 / 0.32);
background-color: rgb(154 52 18 / 0.22);
}
.border-emerald-500 {
border-color: rgb(245 158 11);
border-color: rgb(249 115 22);
}
.focus\:ring-emerald-500:focus {
--tw-ring-color: rgb(217 119 6 / 0.45);
--tw-ring-color: rgb(234 88 12 / 0.45);
}
.hover\:bg-emerald-900\/50:hover {
background-color: rgb(146 64 14 / 0.42);
background-color: rgb(154 52 18 / 0.35);
}
/* ── Light mode: zinc classes → white / stone-light ──────── */
.light .bg-zinc-950 {
background-color: rgb(255 253 248);
}