feat: add layout component

src/data/index.ts

@@ -1,2 +1,3 @@
 export * as emotion from "./emotion";
 export * as mui from "./mui";
+export * as site from "./site";

src/data/mui.ts

@@ -1,3 +1,20 @@
 import { createTheme } from "@mui/material";
 
-export const theme = createTheme();
+export const theme = createTheme({
+  palette: {
+    background: {
+      default: "#f0f3f8",
+    },
+  },
+  typography: {
+    htmlFontSize: 10,
+    fontSize: 8,
+  },
+  components: {
+    MuiButtonBase: {
+      defaultProps: {
+        disableRipple: true,
+      },
+    },
+  },
+});

src/data/site.ts

@@ -0,0 +1 @@
+export const title = "DevToysWeb";