Updated global

This commit is contained in:
Laux Dev
2026-02-23 15:52:10 +08:00
parent 275593d754
commit 13d420282e
3 changed files with 9 additions and 19 deletions

View File

@@ -1,12 +1,12 @@
:root { :root {
--background: #ffffff; --background: #d2d3e0;
--foreground: #171717; --foreground: #1c1d28;
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
:root { :root {
--background: #0a0a0a; --background: #1c1d28;
--foreground: #ededed; --foreground: #d2d3e0;
} }
} }
@@ -19,7 +19,7 @@ body {
body { body {
color: var(--foreground); color: var(--foreground);
background: var(--background); background: var(--background);
font-family: Arial, Helvetica, sans-serif; font-family: inter, Arial, Helvetica, sans-serif;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }

View File

@@ -1,13 +1,8 @@
import { Geist, Geist_Mono } from "next/font/google"; import { Geist, Geist_Mono, Inter } from "next/font/google";
import "./globals.css"; import "./globals.css";
const geistSans = Geist({ const inter = Inter({
variable: "--font-geist-sans", variable: "--font-inter",
subsets: ["latin"],
});
const geistMono = Geist_Mono({
variable: "--font-geist-mono",
subsets: ["latin"], subsets: ["latin"],
}); });
@@ -19,9 +14,7 @@ export const metadata = {
export default function RootLayout({ children }) { export default function RootLayout({ children }) {
return ( return (
<html lang="en"> <html lang="en">
<body className={`${geistSans.variable} ${geistMono.variable}`}> <body className={`${inter.variable} `}>{children}</body>
{children}
</body>
</html> </html>
); );
} }

View File

@@ -13,8 +13,6 @@
min-height: 100vh; min-height: 100vh;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-family: var(--font-geist-sans);
background-color: var(--background);
} }
.main { .main {
@@ -25,7 +23,6 @@
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
justify-content: space-between; justify-content: space-between;
background-color: var(--foreground);
padding: 120px 60px; padding: 120px 60px;
} }