init custom changes

1 files changed, 39 insertions, 9 deletions

diff --git a/res/css/setup.css b/res/css/setup.css
index 9755ad3..b42f8a8 100644
--- a/res/css/setup.css
+++ b/res/css/setup.css
@@ -3,23 +3,42 @@ body {
   height: 100vh;
   align-items: center;
   justify-content: center;
+  background-color: var(--background-video);
+  margin: 0;
 }
 
 .setup {
   margin: auto;
-  padding: 2rem;
-  width: 320px;
+  padding: 2.5rem 2rem;
+  width: 360px;
   display: flex;
   flex-direction: column;
   align-items: center;
-
-  /* debug */
   background-color: #1a1a1f;
+  color: var(--foreground);
+  border: 1px solid var(--border);
+  border-radius: 0.5rem;
+  gap: 1rem;
+}
+
+.welcome-image {
+  max-width: 200px;
+  width: 100%;
   border-radius: 0.375rem;
+  margin-bottom: 0.5rem;
+}
 
-  & h1 {
-    font-size: 1.75rem;
-  }
+.setup-title {
+  font-size: 1.75rem;
+  margin: 0;
+  text-align: center;
+}
+
+.setup p {
+  margin: 0;
+  text-align: center;
+  opacity: 0.7;
+  font-size: 0.95rem;
 }
 
 .setup-form {
@@ -27,13 +46,23 @@ body {
   flex-direction: column;
   gap: 1rem;
   width: 100%;
+  margin-top: 0.5rem;
+
+  & input {
+    width: 100%;
+    box-sizing: border-box;
+  }
 
   & button {
     margin: 0;
-    padding: .75rem .5rem;
+    padding: 0.75rem 0.5rem;
     justify-content: center;
     background-color: var(--accent);
     color: #fff;
+    border: none;
+    border-radius: 0.375rem;
+    cursor: pointer;
+    font-size: 0.95rem;
 
     &:hover {
       filter: brightness(1.15);
@@ -46,4 +75,5 @@ body {
   flex-direction: column;
   gap: 0.5rem;
   color: var(--error);
-}
+  font-size: 0.9rem;
+}
\ No newline at end of file