personal-website/styles/shared.tsx

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

const Shared: FC = ({ children }) => {
	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;