styled components global colors

1import React from "react";
2import { ThemeProvider } from "styled-components";
3
4const theme = {
5  colors: {
6    powderWhite: "#FFFDF9",
7    persianGreen: "#06B49A",
8    lightBlue: "#AFDBD2",
9    onyx: "#36313D"
10  },
11  fonts: ["sans-serif", "Roboto"],
12  fontSizes: {
13    small: "1em",
14    medium: "2em",
15    large: "3em"
16  }
17};
18
19const Theme = ({ children }) => (
20  <ThemeProvider theme={theme}>{children}</ThemeProvider>
21);
22
23export default Theme;
24
25