fix(front): service messages

front/src/components/common/Message.vue

@@ -40,7 +40,7 @@ onMounted(() => {
     <Alert
       v-if="isVisible"
       role="alert"
-      :color="messageColor"
+      :[messageColor]="true"
       class="is-notification"
     >
       {{ message.content }}

front/src/components/ui/alert.scss

@@ -22,6 +22,7 @@
     z-index: 1000;
     min-width: 200px;
     max-width: 400px;
+    background-color: var(--background-color);
 
     &.fade-enter-active,
     &.fade-leave-active {