refactoring css

2 files changed, 23 insertions, 0 deletions

diff --git a/frontend/src/theme/GlobalStyle.js b/frontend/src/theme/GlobalStyle.js
new file mode 100644
index 0000000..9fe80a5
--- /dev/null
+++ b/frontend/src/theme/GlobalStyle.js
@@ -0,0 +1,11 @@
+import { createGlobalStyle } from 'styled-components'
+
+export default createGlobalStyle`
+  body {
+    margin: 0;
+    padding: 0;
+    background: ${(p) => p.theme.colors.background};
+    font-family: 'JetBrains Mono', monospace;
+    color: ${(p) => p.theme.colors.text};
+  }
+`
\ No newline at end of file
diff --git a/frontend/src/theme/ThemeProvider.js b/frontend/src/theme/ThemeProvider.js
new file mode 100644
index 0000000..a104a5a
--- /dev/null
+++ b/frontend/src/theme/ThemeProvider.js
@@ -0,0 +1,12 @@
+import React from 'react'
+import { ThemeProvider } from 'styled-components'
+
+const theme = {
+  colors: {
+    background: '#faf9f5',
+    border: '#565656',
+    text: '#111111',
+  },
+}
+
+export default ({ children }) => <ThemeProvider theme={theme}>{children}</ThemeProvider>
\ No newline at end of file