aboutsummaryrefslogtreecommitdiff
path: root/frontend/src/theme
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/src/theme')
-rw-r--r--frontend/src/theme/GlobalStyle.js11
-rw-r--r--frontend/src/theme/ThemeProvider.js13
2 files changed, 24 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..d9edcb0
--- /dev/null
+++ b/frontend/src/theme/ThemeProvider.js
@@ -0,0 +1,13 @@
+import React from 'react'
+import { ThemeProvider } from 'styled-components'
+
+const theme = {
+ colors: {
+ background: '#faf9f5',
+ border: '#565656',
+ text: '#111111',
+ error: '#ee1111',
+ },
+}
+
+export default ({ children }) => <ThemeProvider theme={theme}>{children}</ThemeProvider> \ No newline at end of file