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

View File

@ -1,8 +1,12 @@
@import 'tailwindcss'; @import 'tailwindcss';
.btn-primary { @theme {
@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; --color-deep-blue: #0f212e;
--color-deep-blue-light: #1a2c38;
--color-deep-blue-contrast: #1b2c3b;
--color-light-blue: #1475e1;
} }
.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; body {
@apply bg-deep-blue text-gray-100;
} }