Override styled components default theme

components/Theme.tsx

@@ -0,0 +1,21 @@
+import { FC } from 'react';
+import { ThemeProvider, DefaultTheme } from 'styled-components';
+
+const Theme: FC = ({ children }) => {
+	const theme: DefaultTheme = {
+		colors: {
+			dark: {
+				background: '#262626',
+				text: 'white'
+			},
+			light: {
+				background: '#F9F9F9',
+				text: 'black'
+			}
+		}
+	};
+
+	return <ThemeProvider theme={theme}>{children}</ThemeProvider>;
+};
+
+export default Theme;