diff --git a/frontend/src/app/globals.css b/frontend/src/app/globals.css index e3734be..3757afe 100644 --- a/frontend/src/app/globals.css +++ b/frontend/src/app/globals.css @@ -1,12 +1,12 @@ :root { - --background: #ffffff; - --foreground: #171717; + --background: #d2d3e0; + --foreground: #1c1d28; } @media (prefers-color-scheme: dark) { :root { - --background: #0a0a0a; - --foreground: #ededed; + --background: #1c1d28; + --foreground: #d2d3e0; } } @@ -19,7 +19,7 @@ body { body { color: var(--foreground); background: var(--background); - font-family: Arial, Helvetica, sans-serif; + font-family: inter, Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } diff --git a/frontend/src/app/layout.js b/frontend/src/app/layout.js index 66c5e12..a0f6e5e 100644 --- a/frontend/src/app/layout.js +++ b/frontend/src/app/layout.js @@ -1,13 +1,8 @@ -import { Geist, Geist_Mono } from "next/font/google"; +import { Geist, Geist_Mono, Inter } from "next/font/google"; import "./globals.css"; -const geistSans = Geist({ - variable: "--font-geist-sans", - subsets: ["latin"], -}); - -const geistMono = Geist_Mono({ - variable: "--font-geist-mono", +const inter = Inter({ + variable: "--font-inter", subsets: ["latin"], }); @@ -19,9 +14,7 @@ export const metadata = { export default function RootLayout({ children }) { return ( - - {children} - + {children} ); } diff --git a/frontend/src/app/page.module.css b/frontend/src/app/page.module.css index 59dea42..233b220 100644 --- a/frontend/src/app/page.module.css +++ b/frontend/src/app/page.module.css @@ -13,8 +13,6 @@ min-height: 100vh; align-items: center; justify-content: center; - font-family: var(--font-geist-sans); - background-color: var(--background); } .main { @@ -25,7 +23,6 @@ flex-direction: column; align-items: flex-start; justify-content: space-between; - background-color: var(--foreground); padding: 120px 60px; }