2 files changed, 102 insertions, 0 deletions
diff --git a/app/static/gen/style.css b/app/static/gen/style.css
new file mode 100644
index 0000000..6dd2994
--- /dev/null
+++ b/app/static/gen/style.css
@@ -0,0 +1,46 @@
+body {
+  background: #282828;
+  color: #ebdbb2;
+  font-family: monospace;
+}
+
+a a:active, a:visited {
+  color: #458588;
+}
+
+.container {
+  margin: auto;
+  width: 60%;
+}
+
+button {
+  border-radius: 8px;
+  background-color: #458588;
+  border-color: #458588;
+  border: none;
+  margin: 0.5rem;
+}
+
+button.accent {
+  background-color: #d79921;
+  border-color: #d79921;
+}
+
+form {
+  width: 40%;
+}
+
+label,
+input {
+  display: inline-block;
+}
+
+label {
+  width: 40%;
+  text-align: right;
+}
+
+label + input {
+  width: 40%;
+  margin: 0 30% 0 4%;
+}
diff --git a/app/static/scss/style.scss b/app/static/scss/style.scss
new file mode 100644
index 0000000..d7f50f7
--- /dev/null
+++ b/app/static/scss/style.scss
@@ -0,0 +1,56 @@
+$color-bg: #282828;
+$color-fg: #ebdbb2;
+$color-accent: #d79921;
+$color-link: #458588;
+$color-danger: #cc241d;
+$font-family: monospace;
+
+body {
+    background: $color-bg;
+    color: $color-fg;
+    font-family: $font-family;
+}
+
+a a:active, a:visited {
+    color: $color-link;
+}
+
+.container {
+    margin: auto;
+    width: 60%;
+}
+
+button {
+    border-radius: 8px;
+    background-color: $color-link;
+    border-color: $color-link;
+    border: none;
+    margin: 0.5rem;
+}
+    
+button.accent {
+    background-color: $color-accent;
+    border-color: $color-accent;
+}
+
+// Forms
+form {
+    width: 40%;
+}
+
+label,
+input {
+    display: inline-block;
+}
+
+label {
+    width: 40%;
+    text-align: right;
+}
+
+label+input {
+    width: 40%;
+    
+    margin: 0 30% 0 4%;
+}
+