feat: add resources

packages/components/src/theme/index.tsx

@@ -1,6 +1,6 @@
 import { createTheme, Shadows, ThemeOptions } from '@mui/material/styles';
 import { useTheme as useMuiTheme, Theme } from '@mui/material/styles';
-import { amber } from '@mui/material/colors';
+import { amber, red } from '@mui/material/colors';
 const generateShadows = (color: string): Shadows => {
   return [
     'none',
@@ -56,6 +56,9 @@ export const themeOptions: ThemeOptions = {
       default: '#ffffff', // 设置默认背景颜色
       // paper: '#f5f5f5',   // 设置纸张背景颜色
     },
+    error: {
+      main: red[500],
+    },
   },
   shadows: generateShadows('rgba(255, 193, 7, 0.2)'),
   typography: {
@@ -103,6 +106,24 @@ export const themeOptions: ThemeOptions = {
         },
       },
     },
+    MuiSelect: {
+      styleOverrides: {
+        root: {
+          '& .MuiOutlinedInput-notchedOutline': {
+            borderColor: amber[300],
+          },
+          '&:hover .MuiOutlinedInput-notchedOutline': {
+            borderColor: amber[500],
+          },
+          '&.Mui-focused .MuiOutlinedInput-notchedOutline': {
+            borderColor: amber[500],
+          },
+          '& .MuiSelect-icon': {
+            color: amber[500], // Set arrow icon color to primary
+          },
+        },
+      },
+    },
     MuiCard: {
       styleOverrides: {
         root: {