enhance(layout):构建可以运行的界面。

src/main.tsx

@@ -4,7 +4,7 @@ import React from "react";
 import ReactDOM from "react-dom/client";
 import { RouterProvider } from "react-router-dom";
 import { globalStyle } from "./global-style";
-import { routes } from "./pages/routes";
+import { routes } from "./pages";
 import { theme } from "./theme";
 
 ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(

src/pages/MainLayout.tsx

@@ -0,0 +1,3 @@
+export function MainLayout() {
+  return <div></div>;
+}

src/pages/index.tsx

@@ -0,0 +1,2 @@
+export { MainLayout } from "./MainLayout";
+export { routes } from "./routes";

src/pages/routes.tsx

@@ -1,3 +1,9 @@
 import { createBrowserRouter } from "react-router-dom";
+import { MainLayout } from "./MainLayout";
 
-export const routes = createBrowserRouter([]);
+export const routes = createBrowserRouter([
+  {
+    path: "/",
+    element: <MainLayout />,
+  },
+]);

src/theme.tsx

@@ -1,4 +1,5 @@
 import type { Theme } from "@emotion/react";
+import chroma from "chroma-js";
 import { generatePalette } from "./style-predefines";
 
 const colors: Theme["colors"] = {
@@ -9,7 +10,7 @@ const colors: Theme["colors"] = {
   grape: generatePalette("#f8f0fc", "#862e9c"),
   violet: generatePalette("#f3f0ff", "#5f3dc4"),
   indigo: generatePalette("#edf2ff", "#364fc7"),
-  bllue: generatePalette("#e7f5ff", "#1864ab"),
+  blue: generatePalette("#e7f5ff", "#1864ab"),
   cyan: generatePalette("#e3fafc", "#0b7285"),
   teal: generatePalette("#e6fcf5", "#087f5b"),
   green: generatePalette("#ebfbee", "#2b8a3e"),