chore: copy safe-wallet theme to tx-builder

apps/tx-builder/src/theme/SafeThemeProvider.tsx

@@ -0,0 +1,17 @@
+import { useMemo, type FC } from 'react'
+import { type PaletteMode, type Theme } from '@mui/material'
+import { ThemeProvider } from '@material-ui/core'
+import createSafeTheme from './safeTheme'
+
+type SafeThemeProviderProps = {
+  children: (theme: Theme) => React.ReactNode
+  mode: PaletteMode
+}
+
+const SafeThemeProvider: FC<SafeThemeProviderProps> = ({ children, mode }) => {
+  const theme = useMemo(() => createSafeTheme(mode), [mode])
+
+  return <ThemeProvider theme={theme}>{children(theme)}</ThemeProvider>
+}
+
+export default SafeThemeProvider

apps/tx-builder/src/theme/lightPalette.ts

@@ -0,0 +1,65 @@
+const lightPalette = {
+  text: {
+    primary: '#121312',
+    secondary: '#A1A3A7',
+    disabled: '#DDDEE0',
+  },
+  primary: {
+    dark: '#3c3c3c',
+    main: '#121312',
+    light: '#636669',
+  },
+  secondary: {
+    dark: '#0FDA6D',
+    main: '#12FF80',
+    light: '#B0FFC9',
+    background: '#EFFFF4',
+  },
+  border: {
+    main: '#A1A3A7',
+    light: '#DCDEE0',
+    background: '#F4F4F4',
+  },
+  error: {
+    dark: '#AC2C3B',
+    main: '#FF5F72',
+    light: '#FFB4BD',
+    background: '#FFE6EA',
+  },
+  success: {
+    dark: '#028D4C',
+    main: '#00B460',
+    light: '#72F5B8',
+    background: '#EFFAF1',
+  },
+  info: {
+    dark: '#52BFDC',
+    main: '#5FDDFF',
+    light: '#B7F0FF',
+    background: '#EFFCFF',
+  },
+  warning: {
+    dark: '#C04C32',
+    main: '#FF8061',
+    light: '#FFBC9F',
+    background: '#FFF1E0',
+  },
+  background: {
+    default: '#F4F4F4',
+    main: '#F4F4F4',
+    paper: '#FFFFFF',
+    light: '#EFFFF4',
+  },
+  backdrop: {
+    main: '#636669',
+  },
+  logo: {
+    main: '#121312',
+    background: '#EEEFF0',
+  },
+  static: {
+    main: '#121312',
+  },
+}
+
+export default lightPalette