feat(web): add Next.js 14 app with Tailwind CSS
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
52
apps/web/app/globals.css
Normal file
52
apps/web/app/globals.css
Normal file
@@ -0,0 +1,52 @@
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
|
||||
:root {
|
||||
/* Primary Colors - Blue */
|
||||
--color-primary-50: #E6EBF2;
|
||||
--color-primary-100: #C2D1E3;
|
||||
--color-primary-200: #9BB4D1;
|
||||
--color-primary-300: #7497BF;
|
||||
--color-primary-400: #5781B2;
|
||||
--color-primary-500: #3A6BA5;
|
||||
--color-primary-600: #2E5A8E;
|
||||
--color-primary-700: #244977;
|
||||
--color-primary-800: #1E3A5F;
|
||||
--color-primary-900: #152A47;
|
||||
|
||||
/* Accent Colors - Green */
|
||||
--color-accent-50: #EEFBF3;
|
||||
--color-accent-100: #D4F5E0;
|
||||
--color-accent-200: #A9EBBC;
|
||||
--color-accent-300: #7EE19A;
|
||||
--color-accent-400: #53D778;
|
||||
--color-accent-500: #22C55E;
|
||||
--color-accent-600: #1CA04C;
|
||||
--color-accent-700: #167A3A;
|
||||
--color-accent-800: #105528;
|
||||
--color-accent-900: #0A2F16;
|
||||
|
||||
/* Background and Foreground */
|
||||
--background: #ffffff;
|
||||
--foreground: #171717;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--background: #0a0a0a;
|
||||
--foreground: #ededed;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
color: var(--foreground);
|
||||
background: var(--background);
|
||||
font-family: "Inter", sans-serif;
|
||||
}
|
||||
|
||||
@layer base {
|
||||
html {
|
||||
@apply antialiased;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user