here and there

front/sass/_button.scss

@@ -28,7 +28,10 @@
   }
 
   &.secondary{
-    background: red;
+    background: var(--p30);
+    &:hover {
+      background: var(--p40);
+    }
   }
   &.primary{
     background: var(--p70);

front/sass/_dropdown.scss

@@ -1,8 +1,6 @@
 .dropdown {
   position: relative;
-  z-index: 20;
   overflow: visible;
-
 }
 
 .dropdown-button > div {

front/sass/_form.scss

@@ -5,7 +5,7 @@ label {
   margin-bottom: 4px;
 }
 
-input[type=text],input[type=number],input[type=search],textarea{
+input[type=text],input[type=number],input[type=search],input[type=email],textarea{
   width: 100%;
   background: var(--p20);
   border: 1px solid var(--p50);

front/sass/_members.scss

@@ -0,0 +1,19 @@
+.member-list{
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+}
+.member-item{
+  background: var(--p30);
+  border-radius: 12px;
+  padding: 12px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+
+  .member-name{
+    display: flex;
+    align-items: center;
+    gap: 10px;
+  }
+}

front/sass/_notice.scss

@@ -17,11 +17,8 @@
     font-weight: bold;
 }
 
-.notice.success{
-    border-color:  green;
-    & .title{
-        border-color:  green;
-    }
+.notice.notice-success{
+    background: var(--suc20);
 }
 
 .notice.notice-error{

front/sass/_wrappers.scss

@@ -1,33 +1,19 @@
 .wrapper-tiny {
-    background-color: #fff;
-    border-radius: 32px;
+    background-color: var(--p20);
+    border-radius: 12px;
     margin: 44px auto;
     width: 600px;
     padding: 44px;
 
-    &.transparent {
-
-        margin: 0px auto;
-        padding: 0px;
-        background-color: transparent;
-    }
 }
 
 
 
-.wrapper-small {
-    background-color: #fff;
-    border-radius: 32px;
-    margin: 44px auto;
-    width: 800px;
-    padding: 44px;
-
-    &.transparent {
-
-        margin: 0px auto;
-        padding: 0px;
-        background-color: transparent;
-    }
+.common-wrapper {
+    background-color: var(--p20);
+    margin: 20px 0;
+    padding: 20px;
+    border-radius: 12px;
 }
 
 

front/sass/app.scss

@@ -13,6 +13,15 @@
   --p100: #000C23;
 
 
+  --suc10: #d1ffb8;
+  --suc20: #d1ffb8;
+  --suc30: #b5ff8d;
+  --suc40: #a2ff70;
+  --suc50: #82cc5a;
+  --suc80: #71b34e;
+  --suc90: #314c22;
+
+
 
   --err10: #ffb9d0;
   --err20: #ff9bb3;
@@ -58,6 +67,7 @@
 @import "./dialog";
 @import "./autocomplete";
 @import "./reference-tags";
+@import "./members";
 
 body {
   background-color: var(--p10);