show notifications front

front/src/components/Badge.vue

@@ -13,11 +13,11 @@ export default {
         },
         color: {
             type: String,
-            default: "#007bff",
         },
         type: {
             type: String,
             default: "badge-primary",
+            number: "badge-number",
         },
     },
 };
@@ -41,5 +41,8 @@ export default {
     background-color: #007bff;
 }
 
-/* add more type classes for other types/colors */
+.badge-number {
+    color: var(--primary-text);
+    background-color: #4d5970;
+}
 </style>