style: Update CSS formatting and add theme variables #20

Merged
jank1619 merged 2 commits from task/add-theming-styles into main 2025-02-12 10:48:03 +00:00
Showing only changes of commit 21bdbab1cf - Show all commits

View File

@ -1,8 +1,12 @@
@import 'tailwindcss';
@import "tailwindcss";
.btn-primary {
@apply px-4 py-2 cursor-pointer relative font-bold rounded-lg transition-all duration-300 ease-out transform-gpu hover:scale-105 will-change-transform bg-gradient-to-r from-emerald-500 to-emerald-400 text-black hover:shadow-xl hover:shadow-emerald-500/20;
}
.btn-secondary {
@apply px-4 py-2 cursor-pointer relative font-bold rounded-lg transition-all duration-300 ease-out transform-gpu hover:scale-105 will-change-transform bg-white/10 text-white hover:bg-white/20;
@theme {
--color-deep-blue: #0F212E;
--color-deep-blue-light: #1A2C38;
--color-deep-blue-contrast: #1B2C3B;
--color-light-blue: #1475E1;
}
body {
@apply bg-deep-blue text-gray-100;
}