personal-website/styles/shared.tsx

import { ThemeProvider, DefaultTheme } from 'styled-components';

const Shared = ({ children }: { children: React.ReactNode }) => {
  const theme: DefaultTheme = {
    colors: {
      dark: {
        background: '#262626',
        text: 'white',
      },
      light: {
        background: '#F9F9F9',
        text: 'black',
      },
      blue: '#1573CA',
    },
  };

  return <ThemeProvider theme={theme}>{children}</ThemeProvider>;
};

export default Shared;