update color on hover

vuejs-jp · Apr 30, 2024 · 6b25e82 · 6b25e82
1 parent 51294ad
commit 6b25e82
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/packages/ui/components/forms/SubmitButton.vue b/packages/ui/components/forms/SubmitButton.vue
@@ -33,8 +33,8 @@ const handleClick = () => {
   flex-direction: row;
   justify-content: center;
   align-items: center;
-  background-color: #42b883;
-  color: #fff;
+  background-color: var(--color-vue-green200);
+  color: var(--color-white);
   width: 100%;
   padding: 22px 66px;
   border-radius: 40px;
@@ -44,6 +44,12 @@ const handleClick = () => {
   box-shadow: var(--box-shadow-button);
 }
 
+.submit-button:hover {
+  background-color: var(--color-white);
+  color: var(--color-vue-green200);
+  border: 2px solid var(--color-vue-green200);
+}
+
 .submit-button:disabled {
   pointer-events: none;
   background-color: #C6CACF !important;