nicer colors for the website

omrilotan · Nov 6, 2023 · 91d9435 · 91d9435
1 parent 74fc48e
commit 91d9435
Showing 1 changed file with 23 additions and 1 deletion.
diff --git a/page/styles.css b/page/styles.css
@@ -1,3 +1,10 @@
+:root {
+  --color-background: #e5e5e5;
+  --color-foreground: #333;
+  --color-shadow: #0d275041;
+  --color-highlight: #fff;
+}
+
 * {
   margin: 0;
   padding: 0;
@@ -15,6 +22,12 @@ body {
   align-items: center;
 }
 
+body, textarea {
+  background: var(--color-background);
+  color: var(--color-foreground);
+  text-shadow: var(--color-highlight) 1px 1px 0;
+}
+
 form {
   width: 90vw;
   padding: 1em 0;
@@ -36,11 +49,20 @@ textarea {
   font-size: 2em;
   width: 100%;
   height: 5em;
-  padding: 0.25em;
+  padding: .5em;
   resize: vertical;
   box-sizing: border-box;
 }
 
+textarea {
+  border-radius: .5em;
+  box-shadow: var(--color-shadow) .5em .5em .5em,
+              var(--color-highlight) -.5em -.5em .5em,
+              inset var(--color-shadow) .5em .5em .5em,
+              inset var(--color-highlight) -.5em -.5em .5em;
+  border-width: 0;
+}
+
 output {
   display: block;
   white-space: pre-line;