Arifzyn's picture
Buatkan project web fullstack bernama "ServiceBook" menggunakan **SvelteKit** dengan UI memakai **Tailwind CSS**, ikon **Lucide** dan palet warna berupa **soft color blocks + white** (bersih, minimal, modern). Aplikasi ini untuk pencatatan keuangan usaha servis HP.
8f096b5 verified
raw
history blame contribute delete
734 Bytes
@tailwind base;
@tailwind components;
@tailwind utilities;
:root {
--primary-soft: #e6f4ff;
--accent-soft: #fff3e6;
--success-soft: #e8f7e8;
--danger-soft: #ffe6e6;
--text: #0f172a;
}
/* Custom utility classes */
@layer utilities {
.card {
@apply bg-white rounded-lg shadow-sm border border-slate-100 p-4;
}
.btn-primary {
@apply bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-lg transition-colors;
}
.btn-secondary {
@apply bg-slate-100 hover:bg-slate-200 text-slate-700 px-4 py-2 rounded-lg transition-colors;
}
.input-field {
@apply w-full px-3 py-2 border border-slate-200 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none transition-all;
}
}