diff --git a/src/app/fonts/PretendardVariable.woff2 b/src/app/fonts/PretendardVariable.woff2 new file mode 100644 index 00000000..49c54b51 Binary files /dev/null and b/src/app/fonts/PretendardVariable.woff2 differ diff --git a/src/app/globals.css b/src/app/globals.css index a2dc41ec..f4ed0d19 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -1,26 +1,23 @@ @import "tailwindcss"; -:root { - --background: #ffffff; - --foreground: #171717; -} +@theme { + --color-black_17171C: #17171c; + --color-black_21212A: #21212a; + --color-black_2E2E3A: #2e2e3a; -@theme inline { - --color-background: var(--background); - --color-foreground: var(--foreground); - --font-sans: var(--font-geist-sans); - --font-mono: var(--font-geist-mono); -} + --color-gray_6E6E82: #6e6e82; + --color-gray_9FA6B2: #9fa6b2; -@media (prefers-color-scheme: dark) { - :root { - --background: #0a0a0a; - --foreground: #ededed; - } -} + --color-white_F1F1F5: #f1f1f5; + + --color-main_blue: #5097fa; + --color-main_indigo: #5363ff; + + --color-main_gradation-from: #5097fa; + --color-main_gradation-to: #5363ff; -body { - background: var(--background); - color: var(--foreground); - font-family: Arial, Helvetica, sans-serif; + --color-yellow_FFC83C: #ffc83c; + --color-green_05D58B: #05d58b; + --color-pink_FF2F9F: #ff2f9f; + --color-red_FF0000: #ff0000; } diff --git a/src/app/layout.tsx b/src/app/layout.tsx index f7fa87eb..2027cfdc 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,15 +1,9 @@ import type { Metadata } from "next"; -import { Geist, Geist_Mono } from "next/font/google"; +import localFont from "next/font/local"; import "./globals.css"; -const geistSans = Geist({ - variable: "--font-geist-sans", - subsets: ["latin"], -}); - -const geistMono = Geist_Mono({ - variable: "--font-geist-mono", - subsets: ["latin"], +const myFont = localFont({ + src: "./fonts/PretendardVariable.woff2", }); export const metadata: Metadata = { @@ -23,12 +17,8 @@ export default function RootLayout({ children: React.ReactNode; }>) { return ( - - - {children} - + + {children} ); }