- recreating onyx template

- profile section complete

src/styles/colors.css

@@ -3,6 +3,7 @@
   --color-primary-dark: #333;
   --color-inverse: #fff;
   --color-inverse-dark: #f5f5f5;
-  --color-secondary: #edf2f7;
-  --color-secondary-dark: #718096;
+  --color-secondary-light: #f7fafc;
+  --color-secondary: #e2e8f0;
+  --color-secondary-dark: #a0aec0;
 }

src/styles/global.css

@@ -30,3 +30,11 @@ hr {
 section {
   @apply grid grid-cols-1 gap-8;
 }
+
+#artboard {
+  color: #444;
+}
+
+#artboard hr {
+  border-color: #eee;
+}