Implement dark mode, bug report page, and schema dump
This commit is contained in:
@@ -1,3 +1,53 @@
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
|
||||
@layer base {
|
||||
body {
|
||||
@apply bg-gray-50 text-slate-900 dark:bg-slate-900 dark:text-slate-100;
|
||||
}
|
||||
|
||||
table {
|
||||
@apply w-full text-sm text-left text-slate-700 dark:text-slate-200;
|
||||
}
|
||||
|
||||
thead {
|
||||
@apply bg-gray-100 text-slate-900 dark:bg-slate-800 dark:text-slate-100;
|
||||
}
|
||||
|
||||
tbody {
|
||||
@apply bg-white dark:bg-slate-900;
|
||||
}
|
||||
|
||||
tr:nth-child(even) {
|
||||
@apply bg-gray-50 dark:bg-slate-800/60;
|
||||
}
|
||||
|
||||
th, td {
|
||||
@apply px-4 py-3 align-middle border-b border-gray-100 dark:border-slate-800;
|
||||
}
|
||||
|
||||
input, textarea, select {
|
||||
@apply bg-white dark:bg-slate-800 dark:text-slate-100 border border-gray-300 dark:border-slate-700 rounded-md shadow-sm focus:border-indigo-500 focus:ring focus:ring-indigo-200 focus:ring-opacity-50;
|
||||
}
|
||||
|
||||
button, .btn {
|
||||
@apply transition-colors duration-200;
|
||||
}
|
||||
|
||||
.card {
|
||||
@apply rounded-xl border border-gray-100 bg-white shadow-sm dark:border-slate-800 dark:bg-slate-900/80;
|
||||
}
|
||||
|
||||
.card-header {
|
||||
@apply border-b border-gray-100 px-4 py-3 text-sm font-semibold text-slate-700 dark:border-slate-800 dark:text-slate-100;
|
||||
}
|
||||
|
||||
.card-body {
|
||||
@apply p-4;
|
||||
}
|
||||
|
||||
.upload-area {
|
||||
@apply flex flex-col items-center justify-center gap-2 rounded-xl border-2 border-dashed border-gray-300 bg-gray-50 px-4 py-6 text-sm text-slate-600 transition-colors hover:border-indigo-400 hover:bg-gray-100 dark:border-slate-700 dark:bg-slate-800 dark:text-slate-200 dark:hover:border-indigo-300 dark:hover:bg-slate-700;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user