WIP Поправила часть иконок

src/pages/newCalendar/components/CalendarRecordCard.vue

@@ -3,16 +3,16 @@
     .header.w-full.flex.gap-x-2px.text-sm
       .first-item.color-black.justify-center.gap-x-2(:class="timeClass")
         span.font-semibold.color-black(v-if="expandedType || expandedTime") {{ recordTime }}
-        q-icon.cursor-pointer(
-          name="arrow_back_ios_new",
-          size="10px",
+        q-icon.cursor-pointer.arrow-icon(
+          name="app:left-arrow",
+          size="16px",
           v-if="expandedTime",
           @click.stop="changeTimeDisplay(false)"
         )
-        q-icon.cursor-pointer(
+        q-icon.cursor-pointer.time-icon(
           v-if="!expandedType && !expandedTime",
           name="app:time",
-          size="16px",
+          size="20px",
           @click.stop="changeTimeDisplay(true)"
         )
       .color-black.pl-4.flex-1.font-semibold.py-6px.relative(
@@ -32,7 +32,7 @@
           v-for="contact in contacts",
           :key="contact.value",
         )
-          q-icon(:name="contact.icon", size="14px")
+          q-icon.network-icon(:name="contact.icon", size="16px")
           .text-xxs {{ contact.value }}
           .h-6.w-6.color-black.background-dark-grey.text-xxs.rounded.flex.items-center.justify-center(
             v-if="collapsedDisplayCondition"
@@ -199,4 +199,10 @@ export default {
 .body
   border-bottom-left-radius: 4px
   border-bottom-right-radius: 4px
+.network-icon :deep(path)
+  fill: var(--font-dark-blue-color-0)
+.arrow-icon :deep(path)
+  fill: var(--font-dark-blue-color)
+.time-icon :deep(path)
+  fill: var(--font-grey-color)
 </style>