Добавил цвет заднего фона автара

src/components/base/BaseAvatar.vue

@@ -13,7 +13,7 @@ export default {
     },
     color: {
       type: String,
-      default: "#D3D4DC",
+      default: "d3d4dc",
     },
   },
 
@@ -23,7 +23,7 @@ export default {
         width: this.size + "px",
         height: this.size + "px",
         minWidth: this.size + "px",
-        backgroundColor: this.color,
+        backgroundColor: "#" + this.color,
       };
     },
   },

src/pages/calendar/components/CalendarColumn.vue

@@ -2,7 +2,7 @@
   .calendar-column-wrapper.flex.flex-col
     .header.flex.items-center.justify-between.py-2.px-6.top-0
       .flex.items-center
-        base-avatar.mr-2(:size="32")
+        base-avatar.mr-2(:size="32" :color="ownerData.color")
           img(:src="ownerData.avatar" alt="Team member" v-if="ownerData.avatar")
           span(v-if="!ownerData.avatar") {{ defaultAvatar }}
         span.owner-name.font-medium.text-base.mr-6 {{ ownerName }}

src/pages/calendar/components/CalendarSidebar.vue

@@ -11,7 +11,7 @@
         .flex.flex-col.items-center.gap-y-2.justify-center
           base-button.mb-2(left-icon="icon-plus", rounded, :size="24", :icon-left-size="10", secondary )
           .team-card(v-for="teammate in teamData" :key="teammate.id")
-            base-avatar(:size="32")
+            base-avatar(:size="32" :color="teammate.color")
               img(:src="teammate.avatar" alt="Team member" v-if="teammate.avatar")
               span(v-if="!teammate.avatar") {{`${teammate.last_name[0]}${teammate.first_name[0]}`}}
       .sidebar-content.items-center.flex.flex-col.gap-y-8.px-4.py-19px(v-else)
@@ -36,7 +36,7 @@
               v-for="teammate in teamData"
               :key="teammate.id")
               .flex.items-center
-                base-avatar(:size="32")
+                base-avatar(:size="32" :color="teammate.color")
                   img(:src="teammate.avatar" alt="Team member" v-if="teammate.avatar")
                   span(v-if="!teammate.avatar") {{`${teammate.last_name[0]}${teammate.first_name[0]}`}}
                 .flex.ml-2.not-italic.font-medium.text-xxs {{ changeName(teammate.last_name, teammate.first_name, teammate.patronymic) }}

src/pages/clients/components/ClientsTableRow.vue

@@ -3,7 +3,7 @@
     .row-body.flex.w-full.cursor-pointer(:id="id" @dblclick="(e) => openDetailInfo(e)")
       .check-box.flex.justify-center.items-center
         clients-table-checkbox(:id="id" :check="check" :is-check="isCheck")
-      table-cell-body-name(:value="dataClient" :avatar="dataClient.avatar" :is-open-change="isOpenChange" :width="columnBody.find(el => el.name === 'fullName').width")
+      table-cell-body-name(:value="dataClient" :avatar="dataClient.avatar" :avatar-color="dataClient.color" :is-open-change="isOpenChange" :width="columnBody.find(el => el.name === 'fullName').width")
       table-cell-body-age(:value="dataClient" :is-open-change="isOpenChange" :width="columnBody.find(el => el.name === 'age').width")
       table-cell-body-priority(:value="dataClient.priority" :choose-priority="choosePriority" :is-open-change="isOpenChange" :width="columnBody.find(el => el.name === 'priority').width")
       table-cell-body-phone(:value="dataClient" :is-open-change="isOpenChange" :width="columnBody.find(el => el.name === 'phone').width")

src/pages/clients/components/cells/TableCellBodyName.vue

@@ -1,6 +1,6 @@
 <template lang="pug">
   .flex.box-border.px-4.items-center.gap-x-3.w-full.text-sm(:style="{ minWidth : width + 'px' }")
-    BaseAvatar(:size="36") {{avatar}}
+    BaseAvatar(:size="36" :color="avatarColor") {{avatar}}
     span.font-semibold(v-if="!isOpenChange") {{value.fullName}}
     base-input(v-if="isOpenChange" type="text" v-model:value="value.fullName" :width-input="300")
 </template>
@@ -17,6 +17,7 @@ export default {
     width: Number,
     imgUrl: String,
     isOpenChange: Boolean,
+    avatarColor: String,
   },
 };
 </script>