Merge pull request #24 from it-at-m/MUXDBS-94-change-color

Muxdbs 94 change color

Author: DomixD

personalization-webcomponents/src/components/checklist-checked-circle.vue

@@ -16,10 +16,11 @@ defineProps<{
   width: 20px;
   height: 20px;
   border-radius: 50%;
-  border: 2px solid var(--color-brand-main-blue);
+  border: 2px solid var(--color-neutrals-grey);
 }
 
 .circle.checked {
-  background-color: var(--color-brand-main-blue);
+  background-color: #9ca8b3;
+  border: 2px solid #9ca8b3;
 }
 </style>

personalization-webcomponents/src/components/checklistitem-listitem.vue

@@ -5,7 +5,10 @@
       :checked="!!checklistItem.checked"
     >
     </checklist-checked-circle>
-    <div class="item-title">
+    <div
+      class="item-title"
+      :class="{ 'item-title-checked': checklistItem.checked }"
+    >
       {{ checklistItem.title }}
     </div>
   </div>
@@ -26,4 +29,7 @@ defineProps<{
   font-family: "Open Sans", "sans-serif";
   font-size: 18px;
 }
+.item-title-checked {
+  color: #7a8d9f;
+}
 </style>