style: Update CSS formatting and add theme variables

This commit is contained in:
Jan-Marlon Leibl 2025-02-12 11:45:12 +01:00
parent 9d9399056f
commit 21bdbab1cf
No known key found for this signature in database
GPG key ID: E7B6F77BF5EDB6F7

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;
}