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

unfied style

Browse Source
This commit is contained in:
root
2026-05-23 04:35:47 -04:00
parent fd10d0db6a
commit 07fba16ff2
57 changed files with 565 additions and 263 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/admin/src/app/globals.css
+109 -13
View File
@@ -11,7 +11,9 @@ html.dark {
}
body {
@apply bg-zinc-950 text-zinc-50 antialiased transition-colors;
@apply text-stone-900 antialiased transition-colors dark:text-stone-100;
background-image:
linear-gradient(180deg, #f8f5ef 0%, #f4efe6 28%, #fffdf8 58%, #ffffff 100%);
}
.shell {
@@ -19,17 +21,111 @@ body {
}
.panel {
@apply rounded-2xl border border-zinc-800 bg-zinc-900 shadow-sm;
@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)];
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%);
}
html.dark .panel {
border-color: rgb(41 37 36 / 0.96);
background-color: rgb(28 25 23 / 0.72);
}
@layer utilities {
.light body {
background-color: rgb(248 250 252);
color: rgb(15 23 42);
color: rgb(28 25 23);
}
.bg-zinc-950 {
background-color: rgb(12 10 9);
}
.bg-zinc-950\/90 {
background-color: rgb(28 25 23 / 0.9);
}
.bg-zinc-900 {
background-color: rgb(28 25 23);
}
.bg-zinc-800,
.bg-zinc-800\/50 {
background-color: rgb(41 37 36);
}
.border-zinc-800,
.border-zinc-700 {
border-color: rgb(68 64 60);
}
.text-zinc-100,
.text-zinc-200 {
color: rgb(250 250 249);
}
.text-zinc-500 {
color: rgb(168 162 158);
}
.text-zinc-400,
.text-zinc-300 {
color: rgb(120 113 108);
}
.hover\:bg-zinc-800:hover,
.hover\:bg-zinc-800\/50:hover {
background-color: rgb(68 64 60);
}
.hover\:text-zinc-200:hover {
color: rgb(250 250 249);
}
.text-emerald-400 {
color: rgb(252 211 77);
}
.bg-emerald-600 {
background-color: rgb(28 25 23);
}
.hover\:bg-emerald-500:hover {
background-color: rgb(68 64 60);
}
.dark .bg-emerald-600 {
background-color: rgb(251 191 36);
}
.dark .hover\:bg-emerald-500:hover {
background-color: rgb(252 211 77);
}
.bg-emerald-900\/30,
.bg-emerald-950\/40,
.bg-emerald-950\/50 {
background-color: rgb(120 53 15 / 0.32);
}
.border-emerald-500 {
border-color: rgb(245 158 11);
}
.focus\:ring-emerald-500:focus {
--tw-ring-color: rgb(217 119 6 / 0.45);
}
.hover\:bg-emerald-900\/50:hover {
background-color: rgb(146 64 14 / 0.42);
}
.light .bg-zinc-950 {
background-color: rgb(248 250 252);
background-color: rgb(255 253 248);
}
.light .bg-zinc-950\/90 {
@@ -37,39 +133,39 @@ body {
}
.light .bg-zinc-900 {
background-color: rgb(255 255 255);
background-color: rgb(255 255 255 / 0.82);
}
.light .bg-zinc-800,
.light .bg-zinc-800\/50 {
background-color: rgb(241 245 249);
background-color: rgb(245 245 244);
}
.light .border-zinc-800,
.light .border-zinc-700 {
border-color: rgb(226 232 240);
border-color: rgb(231 229 228);
}
.light .text-zinc-100,
.light .text-zinc-200 {
color: rgb(15 23 42);
color: rgb(28 25 23);
}
.light .text-zinc-500 {
color: rgb(100 116 139);
color: rgb(120 113 108);
}
.light .text-zinc-400,
.light .text-zinc-300 {
color: rgb(71 85 105);
color: rgb(87 83 78);
}
.light .hover\:bg-zinc-800:hover,
.light .hover\:bg-zinc-800\/50:hover {
background-color: rgb(241 245 249);
background-color: rgb(245 245 244);
}
.light .hover\:text-zinc-200:hover {
color: rgb(15 23 42);
color: rgb(28 25 23);
}
}