fix: share button color and icon

src/components/button/DeleteButton.vue

@@ -17,7 +17,7 @@ defineProps<{
   <MainButton
     @click="(e) => $emit('click', e)"
     v-bind="{ ...$props, ...$attrs }"
-    icon="mdi-trash-can"
+    icon="mdi-trash-can-outline"
     color="var(--negative-bg)"
   >
     {{ $t('delete') }}

src/components/button/EditButton.vue

@@ -17,8 +17,8 @@ defineProps<{
   <MainButton
     @click="(e) => $emit('click', e)"
     v-bind="{ ...$props, ...$attrs }"
-    icon="mdi-pencil"
-    color="var(--info-bg)"
+    icon="mdi-pencil-outline"
+    color="var(--cyan-6-hsl)"
   >
     {{ $t('edit') }}
   </MainButton>

src/components/button/SaveButton.vue

@@ -17,8 +17,8 @@ defineProps<{
   <MainButton
     @click="(e) => $emit('click', e)"
     v-bind="{ ...$props, ...$attrs }"
-    icon="mdi-content-save"
-    color="var(--positive-bg)"
+    icon="mdi-content-save-outline"
+    color="207 96% 32%"
   >
     {{ $t('save') }}
   </MainButton>

src/components/button/UndoButton.vue

@@ -18,7 +18,7 @@ defineProps<{
     @click="(e) => $emit('click', e)"
     v-bind="{ ...$props, ...$attrs }"
     icon="mdi-arrow-left"
-    color="var(--negative-bg)"
+    color="var(--gray-8-hsl)"
   >
     {{ $t('undo') }}
   </MainButton>