feat(website): update font and theme configurations; bump Tailwind CSS version

Rel1cx · Rel1cx · commit 7fe18bf91792 · 2025-03-06T01:59:02.000+08:00
diff --git a/apps/website/app/layout.tsx b/apps/website/app/layout.tsx
@@ -3,11 +3,18 @@ import "./overrides.css";
 
 import { RootProvider } from "fumadocs-ui/provider";
 import type { Metadata } from "next";
+import { IBM_Plex_Mono } from "next/font/google";
 import { ViewTransitions } from "next-view-transitions";
 import type { ReactNode } from "react";
 
 import { baseUrl } from "../lib/metadata";
 
+const ibm_plex_mono = IBM_Plex_Mono({
+  subsets: ["latin"],
+  variable: "--font-ibm_plex_mono",
+  weight: ["400", "500", "700"],
+});
+
 export const metadata = {
   description: "More than 80 high-quality linting rules for writing better React code.",
   title: {
@@ -20,7 +27,7 @@ export const metadata = {
 export default function Layout({ children }: { children: ReactNode }) {
   return (
     <ViewTransitions>
-      <html lang="en" suppressHydrationWarning>
+      <html className={ibm_plex_mono.variable} lang="en" suppressHydrationWarning>
         <meta content="#fff" name="msapplication-TileColor" />
         <meta content="en" httpEquiv="Content-Language" />
         <meta content="ESLint React" name="apple-mobile-web-app-title" />
diff --git a/apps/website/app/overrides.css b/apps/website/app/overrides.css
@@ -36,8 +36,8 @@
     "Noto Color Emoji";
 
   --font-family-mono:
+    var(--font-ibm_plex_mono),
     ui-monospace,
-    SFMono-Regular,
     Menlo,
     Monaco,
     Consolas,
diff --git a/apps/website/package.json b/apps/website/package.json
@@ -34,7 +34,7 @@
     "@local/configs": "workspace:*",
     "@mdx-js/mdx": "^3.1.0",
     "@next/eslint-plugin-next": "^15.2.1",
-    "@tailwindcss/postcss": "^4.0.9",
+    "@tailwindcss/postcss": "^4.0.10",
     "@tsconfig/next": "^2.0.3",
     "@tsconfig/node22": "^22.0.0",
     "@tsconfig/strictest": "^2.0.5",
@@ -57,7 +57,7 @@
     "eslint-plugin-simple-import-sort": "^12.1.1",
     "eslint-plugin-unicorn": "^57.0.0",
     "postcss": "^8.5.3",
-    "tailwindcss": "^4.0.9",
+    "tailwindcss": "^4.0.10",
     "typescript": "^5.8.2",
     "typescript-eslint": "^8.26.0"
   }
diff --git a/apps/website/source.config.ts b/apps/website/source.config.ts
@@ -15,7 +15,7 @@ export default defineConfig({
       langs: ["js", "ts", "jsx", "tsx", "html", "mdx"],
       lazy: true,
       themes: {
-        dark: "plastic",
+        dark: "vesper",
         light: "github-light",
       },
       transformers: [
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
