More aesthetic improvements

ui/site/components/ProfileMenu.js

@@ -1,7 +1,7 @@
 class ProfileMenu extends Shadow {
 
     render() {
-        ZStack(() => {
+        VStack(() => {
             h2("Profile")
 
             HStack(() => {
@@ -27,13 +27,13 @@ class ProfileMenu extends Shadow {
                 .xRight(2, em).y(1, em)
         })
         .paddingLeft(1, em)
-        .color("var(--main)")
+        .color("var(--accent)")
         .position("fixed")
-        .border("1px solid var(--main)")
+        .border("1px solid var(--accent)")
         .x(50, vw).y(47, vh)
         .width(70, vw)
         .height(70, vh)
-        .backgroundColor("var(--accent)")
+        .backgroundColor("black")
         .center()
         .display("none")
         .onAppear(async () => {